iOS 自定义水平滚动条、进度条 —— HERO博客

自定义水平滚动条、进度条，继承UIView，可点击轨道、滑动滑块交互。

先看一下效果图：

简单说一下逻辑，新建一个继承UIView的类，分别给轨道、滑块添加UITapGestureRecognizer点击、UIPanGestureRecognizer滑动手势。获取偏移量，计算控件位置，刷新视图。

下面贴上核心代码：

显示视图，在控制器调用代码：

    HWSlider *slider = [[HWSlider alloc] initWithFrame:CGRectMake(10, 50, 300, 75)];
    [self.view addSubview:slider];

HWSlider：

#import <UIKit/UIKit.h>

@interface HWSlider : UIView

@property (nonatomic, assign) NSInteger score;

@end

/*** ---------------分割线--------------- ***/

#import "HWSlider.h"
#import "UIView+Additions.h"

@interface HWSlider ()

@property (nonatomic, weak) UIImageView *bubbleImage;
@property (nonatomic, weak) UIImageView *arrowImage;
@property (nonatomic, weak) UILabel *scoreLabel;
@property (nonatomic, weak) UILabel *levelLable;