这是一个完全可定制的滑块,允许您在其上设置标记。您可以为滑块、标记和处理器的颜色进行设置,标记的宽度,甚至可以为处理器设置一个图像。
platform :ios, '7.0'
pod "JMMarkSlider", "~> 1.0"
将以下文件复制到您的项目中: JMMarkSlider.h
JMMarkSlider.m
设置它非常简单!首先,导入 .h 文件。
#import "JMMarkSlider.h"
如果您想要正确访问它,则将其声明为一个属性
@property (strong, nonatomic) JMMarkSlider *firstSlider;
实例化并自定义它(请参阅 -Customization- 部分)。最后,将其添加到目标视图中,就像平常一样
self.firstSlider = [[JMMarkSlider alloc]initWithFrame:CGRectMake(0, 0, 284, 31)];
self.firstSlider.markColor = [UIColor colorWithWhite:1 alpha:0.5];
self.firstSlider.markPositions = @[@10,@20,@30,@40,@50,@60,@70,@80,@90,@100];
self.firstSlider.markWidth = 1.0;
self.firstSlider.selectedBarColor = [UIColor grayColor];
self.firstSlider.unselectedBarColor = [UIColor blackColor];
[self.view addSubview:self.firstSlider];
使用用户界面在您的视图中添加 UISlider 接口并设置 JMMarkSlider
为自定义类。
如果您想正确访问它,则将其与接口属性关联
@property (weak, nonatomic) IBOutlet JMMarkSlider *firstSlider;
简单地进行自定义!(再次参阅 -Customization- 部分)
self.firstSlider.markColor = [UIColor colorWithWhite:1 alpha:0.5];
self.firstSlider.markPositions = @[@10,@20,@30,@40,@50,@60,@70,@80,@90,@100];
self.firstSlider.markWidth = 1.0;
self.firstSlider.selectedBarColor = [UIColor grayColor];
self.firstSlider.unselectedBarColor = [UIColor blackColor];
您可以使用从 0 到 100 的百分比系统来设置标记。在 `linePositions` 数组属性中设置所有标记。
self.firstSlider.linePositions = @[@10,@20,@30,@40,@50,@60,@70,@80,@90,@100];
在这里,您可以看到您可以更改的一组参数
markColor
:自定义标记的颜色。markWidth
:自定义标记的宽度。markPositions
:在从 0 到 100 的百分比系统中设置标记的位置。selectedBarColor
:自定义选中侧滑动条的颜色。unselectedBarColor
:自定义未选中侧滑动条的颜色。handlerColor
: 自定义处理器的颜色。handlerImage
: 为处理器设置自定义 UIImage。希望您喜欢它!
我想对 Cameron 和 MdelaMata 表示衷心的感谢,感谢你们的建议和帮助! :)