前言
做为老司机的你们有没有遇到过这样的需求？每个商品或者商家的item都有个星级或者其他评分，大概像以下的效果图
实现方案：
- 大神自己写个通用空间（在时间充足的情况下）
- 网上找个比较好的第三方 （时间比较紧凑的情况下）
- 更直接的，自己直接放几个imageview或者layer
思考：功能是实现了，但是性能好像有点受影响。具体原因要看第三方框架的实现原理，当然了也有做的很好的。我是个性能控，当我拿到这个需求的时候，也尝试用一些第三方，但结果不尽人意。最后xwstarview就此产生了。
xwstarview(高性能星星控件)
推荐理由：
- 简单易用
- 高性能，采用yylabel异步绘制
- 支持自定义星星样式，间距
局限性：
- 目前只支持半星，一星评分
- 目前只支持图片
- 依赖yylabel
xwstarmaker(外观配置)
开发者可以配置间距，最大值，默认图片，选中图片
|
1
2
3
4
5
6
|
@interface xwstarmaker : nsobject@property (nonatomic, assign) cgfloat space;@property (nonatomic, strong) nsstring *defaultimage;@property (nonatomic, strong) nsstring *selectimage;@property (nonatomic,assign) nsinteger maxvalue;@end |
xwstarview.m（核心代码）
眼尖的同学已经看到了，xwstarview直接继承了yylabel,熟悉yylaebl的开发者可能知道我要干嘛了。
|
1
2
3
4
5
6
7
8
9
10
11
12
|
#import "yylabel.h"#import "xwstarmaker.h"@class xwstarview;@protocol xwstarviewdelegate <nsobject>@optional-(void)xw_starview:(xwstarview*)tagview star:(nsinteger)star;@end@interface xwstarview : yylabel@property (nonatomic, assign) nsinteger score;@property (nonatomic,weak) id<xwstarviewdelegate> delegate;-(instancetype)initwithframe:(cgrect)frame maker:(void (^)(xwstarmaker *))makeblock;@end |
具体的实现细节看.m文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
@interface xwstarview ()@property (nonatomic,strong) xwstarmaker *maker;@end@implementation xwstarview-(instancetype)initwithframe:(cgrect)frame maker:(void (^)(xwstarmaker *))makeblock{ if (self = [super initwithframe:frame]) { self.maker = [[xwstarmaker alloc] init]; if (makeblock) { makeblock(self.maker); } self.displaysasynchronously = yes; self.fadeonasynchronouslydisplay = no; [self creatscoreattr]; } return self;}#pragma mark - private-(void)creatscoreattr{ nsmutableattributedstring *text = [nsmutableattributedstring new]; uifont *font = [uifont systemfontofsize:0]; for (int i = 0; i < self.maker.maxvalue; i++) { uiimage *image = [uiimage imagenamed:self.maker.defaultimage]; nsmutableattributedstring *attachtext = [nsmutableattributedstring yy_attachmentstringwithcontent:image contentmode:uiviewcontentmodeleft attachmentsize:cgsizemake(image.size.width + self.maker.space, image.size.height) aligntofont:font alignment:yytextverticalalignmentcenter];//添加点击事件 __weak typeof(&*self) weakself = self; [attachtext yy_settexthighlightrange:nsmakerange(0, 1) color:nil backgroundcolor:nil tapaction:^(uiview *containerview, nsattributedstring *text, nsrange range, cgrect rect){ if (weakself.delegate && [weakself.delegate respondstoselector:@selector(xw_starview:star:)]) { [weakself.delegate xw_starview:weakself star:i]; } }]; [text appendattributedstring:attachtext]; } self.attributedtext = text;}-(void)setscore:(nsinteger)score{ if (_score == score) { return; } _score = score; //获取图片资源 nsarray *attachments = self.textlayout.attachments; for (int i = 0; i < attachments.count; i++) { yytextattachment *attachment = attachments[i]; attachment.content = [uiimage imagenamed:i <= _score self.maker.selectimage : self.maker.defaultimage]; }}@end |
只要你是个ios程序员大概都看得懂代码吧。实现很简单，但是效果却不一般，特别在复杂列表使用的时候很明显。
xwstarview使用
|
1
2
3
4
5
6
|
_scoreview = [[xwstarview alloc] initwithframe:cgrectmake(0, self.frame.size.height - 40, self.frame.size.width, 40) maker:^(xwstarmaker *maker){ maker.defaultimage = @"goods_score_empt.png"; maker.selectimage = @"goods_score_full.png"; maker.space = 10; }]; _scoreview.delegate = self; |
xwstarview是yylabel的爱好者不错的选择哦，如果满足你的业务需求，性能方面会让你很满意的，不信你就试试（哈哈，调皮了）。当然了萝卜青菜各有所爱，不喜勿喷。
总结
程序员的快乐应该是每天不断的学习，不断的发现新东西，让自己不被抛弃，至少我是那么认为的（嘻嘻），你呢？
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对服务器之家的支持。
原文链接：https://www.jianshu.com/p/30399b207dd3
