星星评分

星星评分

• 我们很多时候 为了 UI界面的 简便 美观 ，时常用到 星级评分

1.实现思路

 主要通过两张  一张图片来遮盖的第二章图片 来实现

2.代码实现

.h 文件

#import 

@interface StarView : UIView
{
 //背景图
 UIImageView *backgroundImageView;
 //前景图
 UIImageView *foregroundImageView;
}
//设置星级
-(void)setStar:(CGFloat)star;
@end

.m文件实现

#import "StarView.h"
@implementation StarView
-(void)createImage
{
    backgroundImageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"StarsBackground"]];//白色
    backgroundImageView.frame=CGRectMake(0, 0, 65, 23);
    backgroundImageView.contentMode=UIViewContentModeLeft;
    
    foregroundImageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"StarsForeground"]];//橘红色
    foregroundImageView.frame=CGRectMake(0, 0, 65, 23);
    //设置内容的对齐方式
    foregroundImageView.contentMode=UIViewContentModeLeft;
    //如果子视图超出父视图大小时被裁剪掉
    foregroundImageView.clipsToBounds=YES;
    [self addSubview:backgroundImageView];
    [self addSubview:foregroundImageView];
    self.backgroundColor=[UIColor clearColor];
}

//给用xib创建这个类对象时用的方法
-(id)initWithCoder:(NSCoder *)aDecoder
{
    if (self=[super initWithCoder:aDecoder]) {
        [self createImage];
    }
    return self;
}

//设置星级
-(void)setStar:(float)star
{
    CGRect frame=backgroundImageView.frame;
    
    frame.size.width = frame.size.width * (star / 5);
    
    foregroundImageView.frame=frame;
}

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self createImage];
    }
    return self;
}
@end

3.使用方法

 StarView * star=[[StarView alloc] init];
//设置三颗星 
 [star setStar:3.0f];

效果：