iOS第三方星级视图控件——HCSStarRatingView

iOS第三方星级视图控件——HCSStarRatingView

HCStarRatingView是一款十分小巧的星级视图控件，其通过原生画图的方式来渲染星级视图页面，同时，其也支持开发者对星级图片的自定义操作。

HCStarRatingView的git地址如下：https://github.com/hsousa/HCSStarRatingView。

HCStarRatingView的使用十分简单，示例如下：

1.使用代码实现

@interface ViewController ()
{
    HCSStarRatingView * starView ;
    UILabel * label;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    starView = [[HCSStarRatingView alloc]initWithFrame:CGRectMake(20, 100, 280, 50)];

    starView.maximumValue = 10;//默认5
    starView.minimumValue = 1;//默认0,不能选择比minimumValue小的星星值，当你没有选择星星时value也是minimumValue
    // starView.value = 3;//当前值，默认0

    //是否允许半星，默认NO
    starView.allowsHalfStars = YES;

    //是否是否允许精确选择 可以根据选择位置进行精确，默认NO
    starView.accurateHalfStars = YES;

    //星星的颜色
    starView.tintColor = [UIColor colorWithRed:232/255.0 green:156/255.0 blue:39/255.0 alpha:1.0];//默认蓝色

    //设置空星时的图片
    starView.emptyStarImage = [[UIImage imageNamed:@"heart-empty"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];//UIImageRenderingModeAlwaysTemplate 始终根据Tint Color绘制图片，忽略图片的颜色信息。
    //设置全星时的图片
    starView.filledStarImage = [[UIImage imageNamed:@"heart-full"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    [starView addTarget:self action:@selector(didChange:) forControlEvents:UIControlEventValueChanged];
    [self.view addSubview:starView];

    label = [[UILabel alloc]initWithFrame:CGRectMake(100, 180, 100, 40)];
    label.text = [NSString stringWithFormat:@"%f",starView.value];
    [self.view addSubview:label];
}


- (void)didChange:(HCSStarRatingView*)sender{
// NSLog(@"starView.value:%f",starView.value);
    label.text = [NSString stringWithFormat:@"%f",sender.value];
}

效果如下图：

2.使用Main.storyboard实现

1.拖入一个空白View，将Custom Class中的Class选择为HCSStarRatingView

2.设置相关属性，不设置则按照默认值



3.相关代码

@interface ViewController ()
@property (weak, nonatomic) IBOutlet HCSStarRatingView *Star1;
@property (weak, nonatomic) IBOutlet HCSStarRatingView *Star2;
@property (weak, nonatomic) IBOutlet HCSStarRatingView *Star3;
@property (weak, nonatomic) IBOutlet UILabel *Value1;
@property (weak, nonatomic) IBOutlet UILabel *Value2;
@property (weak, nonatomic) IBOutlet UILabel *Value3;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    _Value1.text = [NSString stringWithFormat:@"value:%.2lf",_Star1.value];
    _Value2.text = [NSString stringWithFormat:@"value:%.2lf",_Star2.value];
    _Value3.text = [NSString stringWithFormat:@"value:%.2lf",_Star3.value];
}

- (IBAction)didChange1:(HCSStarRatingView*)sender {
    _Value1.text = [NSString stringWithFormat:@"value:%.2lf",sender.value];
}

- (IBAction)didChange2:(HCSStarRatingView*)sender {
    _Value2.text = [NSString stringWithFormat:@"value:%.2lf",sender.value];

}

- (IBAction)didChange3:(HCSStarRatingView*)sender {
    _Value3.text = [NSString stringWithFormat:@"value:%.2lf",sender.value];

}

相关属性如下：(参考自https://my.oschina.net/u/2340880/blog/706851)

//设置最大值
@property (nonatomic) IBInspectable NSUInteger maximumValue;
//设置最小值
@property (nonatomic) IBInspectable CGFloat minimumValue;
//星级视图当前值
@property (nonatomic) IBInspectable CGFloat value;
//星星间间距
@property (nonatomic) IBInspectable CGFloat spacing;
//是否允许选择半星
@property (nonatomic) IBInspectable BOOL allowsHalfStars;
//是否是否允许精确选择 可以根据选择位置进行精确
@property (nonatomic) IBInspectable BOOL accurateHalfStars;
//是否连续调用回调方法 如果设置为YES 则在手指拖动时 会持续调用回调方法 如果设置为NO，则只有拖动结束后才调用回调
@property (nonatomic) IBInspectable BOOL continuous;
//是否允许成为第一响应
@property (nonatomic) BOOL shouldBecomeFirstResponder;
//添加手势时使用
@property (nonatomic, copy) HCSStarRatingViewShouldBeginGestureRecognizerBlock shouldBeginGestureRecognizerBlock;
//自定义星星视图UI
//设置空星的图片
@property (nonatomic, strong) IBInspectable UIImage *emptyStarImage;
//设置半星的图片
@property (nonatomic, strong) IBInspectable UIImage *halfStarImage;
//设置全星时的图片
@property (nonatomic, strong) IBInspectable UIImage *filledStarImage;

转载于:https://my.oschina.net/u/3385567/blog/907484