自定义水平滚动条、进度条,继承UIView,可点击轨道、滑动滑块交互。
先看一下效果图:
简单说一下逻辑,新建一个继承UIView的类,分别给轨道、滑块添加UITapGestureRecognizer点击、UIPanGestureRecognizer滑动手势。获取偏移量,计算控件位置,刷新视图。
下面贴上核心代码:
显示视图,在控制器调用代码:
HWSlider *slider = [[HWSlider alloc] initWithFrame:CGRectMake(10, 50, 300, 75)];
[self.view addSubview:slider];
#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;