在ios开发中，我们可能会遇到评分这类需求。 比如我有一个商品列表，现在我们需要给列表中的各个商品进行评分。（见下图）那该怎么做呢？
星星评分.png
今天我们说的第一种评分，是不可以点击评分的。 也就是说星星点亮的多少不是我们手动点击的，而是服务器返回一个数字，然后根据数字所占的百分比来计算星星的个数。那下面我们开始吧~
// 首先，我们创建一个继承UIView 的 StarView 的类，在.文件中有如下属性：
// 根据字体大小来确定星星的大小
@property (nonatomic, assign) CGFloat starSize;
// 总共的长度
@property (nonatomic, assign) NSInteger maxStar;
//需要显示的星星的长度
@property (nonatomic, assign) NSInteger showStar;
//未点亮时候的颜色
@property (nonatomic, retain) UIColor *emptyColor;
//点亮的星星的颜色
@property (nonatomic, retain) UIColor *fullColor;
下面是具体实现
// 重写initWithFrame：方法
- (instancetype)initWithFrame:(CGRect)frame {
if ( self = [super initWithFrame:frame]) {
self.backgroundColor = [UIColor clearColor];
// 星星的尺寸
self.starSize = 20.0f;
// 未点亮星星的颜色（可根据自己喜好设定）
self.emptyColor = TSColor(167, 167, 167);
// 点亮星星的颜色
self.fullColor = TSColor(16, 130, 225);
// 默认长度
self.maxStar = 100;
}
return self;
}
//重绘视图
- (void)drawRect:(CGRect)rect {
CGContextRef context = UIGraphicsGetCurrentContext();
NSString* stars = @"★★★★★";
rect = self.bounds;
UIFont *font = [UIFont boldSystemFontOfSize:_starSize];
CGSize starSize = [stars sizeWithFont:font];
rect.size=starSize;
[_emptyColor set];
[stars drawInRect:rect withFont:font];
CGRect clip = rect;
// 裁剪的宽度 = 点亮星星宽度 = （显示的星星数/总共星星数）*总星星的宽度
clip.size.width = clip.size.width * _showStar / _maxStar;
CGContextClipToRect(context,clip);
[_fullColor set];
[stars drawInRect:rect withFont:font];
}
如何使用呢？
// 使用起来非常简单。就跟创建一个View一样。应为我这个类取名StarView，所以：
StarView *starView = [StarView alloc] initWithFrame:CGRectMake(90, 90, 200, 40)];
[self.view addSubView:starView];
// 别忘了这一步哦（关键的一步），3*20 意思是我想显示3颗星。20是没个星星的宽度（因为 上面设置了self.maxStar = 100），我的最大星星个数是5，所以每个星星的宽度是20
starView.showStar = 3*20;
今天所说的这种方法的原理是重绘。 注意：这种方法，用户是点击不了的，这种方法适用于评分是从服务器返回的。如果 需要用户自己手动评分（点击评分）的话，那就请见明天的文章《iOS之星星评分（二）》。 上面的代码直接拷贝就可以运行。为了以后考虑，建议跟我一下写在一个继承于UIView的类里面，方便调用。
如果你对本文有什么好的意见，欢迎骚扰。可以私信我啊~~ 我会把代码整理后，放到github上，3Q~~。
网友评论