如何在iPhone 显示一个 星级评分

http://blog.csdn.net/fanjunxi1990/article/details/8663914

由于项目需求，需要做一个列表，里面有各个商品的评分，就是app store里面所有app的星级评分

下面是DisplayStarView.h

1. //
2. //  DisplayStarView.h
3. //  testExpress
4. //
5. //  Created by Juncy_Fan on 13-3-12.
6. //  Copyright (c) 2013年 Juncy_Fan. All rights reserved.
7. //
8. #import <Foundation/Foundation.h>
9. @interface DisplayStarView : UIView
10. {
11. CGFloat _starSize;        /* 根据字体大小来确定星星的大小 */
12. NSInteger _maxStar;      /* 总共的长度 */
13. NSInteger _showStar;    //需要显示的星星的长度
14. UIColor *_emptyColor;   //未点亮时候的颜色
15. UIColor *_fullColor;    //点亮的星星的颜色
16. }
17. @property (nonatomic, assign) CGFloat starSize;
18. @property (nonatomic, assign) NSInteger maxStar;
19. @property (nonatomic, assign) NSInteger showStar;
20. @property (nonatomic, retain) UIColor *emptyColor;
21. @property (nonatomic, retain) UIColor *fullColor;
22. @end

DisplayStarView.m如下

1. //
2. //  DisplayStarView.m
3. //  testExpress
4. //
5. //  Created by Juncy_Fan on 13-3-12.
6. //  Copyright (c) 2013年 Juncy_Fan. All rights reserved.
7. //
8. #import "DisplayStarView.h"
9. @implementation DisplayStarView
10. @synthesize starSize = _starSize;
11. @synthesize maxStar = _maxStar;
12. @synthesize showStar = _showStar;
13. @synthesize emptyColor = _emptyColor;
14. @synthesize fullColor = _fullColor;
15. - (id)initWithFrame:(CGRect)frame
16. {
17. self = [super initWithFrame:frame];
18. if (self)
19. {
20. self.backgroundColor = [UIColor clearColor];
21. //默认的星星的大小是 13.0f
22. self.starSize = 13.0f;
23. //未点亮时的颜色是 灰色的
24. self.emptyColor = [UIColor colorWithRed:167.0f / 255.0f green:167.0f / 255.0f blue:167.0f / 255.0f alpha:1.0f];
25. //点亮时的颜色是 亮黄色的
26. self.fullColor = [UIColor colorWithRed:255.0f / 255.0f green:121.0f / 255.0f blue:22.0f / 255.0f alpha:1.0f];
27. //默认的长度设置为100
28. self.maxStar = 100;
29. }
30. return self;
31. }
32. //重绘视图
33. - (void)drawRect:(CGRect)rect
34. {
35. // Drawing code
36. CGContextRef context = UIGraphicsGetCurrentContext();
37. NSString* stars = @"★★★★★";
38. rect = self.bounds;
39. UIFont *font = [UIFont boldSystemFontOfSize:_starSize];
40. CGSize starSize = [stars sizeWithFont:font];
41. rect.size=starSize;
42. [_emptyColor set];
43. [stars drawInRect:rect withFont:font];
44. CGRect clip = rect;
45. clip.size.width = clip.size.width * _showStar / _maxStar;
46. CGContextClipToRect(context,clip);
47. [_fullColor set];
48. [stars drawInRect:rect withFont:font];
49. }
50. - (void)dealloc
51. {
52. [_emptyColor release];
53. [_fullColor release];
54. [super dealloc];
55. }
56. @end

需要怎么去使用呢？很简单，值需要知道评分是多少就OK啦，比如

1. //评论是4.2分的
2. DisplayStarView *sv = [[DisplayStarView alloc]initWithFrame:CGRectMake(90, 90, 200, 40)];
3. [self.view addSubview:sv];
4. sv.showStar = 4.2*20;
5. [sv release];
6. //评论是2.5分的
7. DisplayStarView *sv1 = [[DisplayStarView alloc]initWithFrame:CGRectMake(90, 90+40, 200, 40)];
8. [self.view addSubview:sv1];
9. sv1.showStar = 2.5 * 20;
10. [sv1 release];
11. //评论是4.8分的
12. DisplayStarView *sv2 = [[DisplayStarView alloc]initWithFrame:CGRectMake(90, 90+40+40, 200, 40)];
13. [self.view addSubview:sv2];
14. sv2.showStar = 4.8 * 20;
15. [sv2 release];

运行结果如图所示：