MARKRangeSlider 1.1.1

MARKRangeSlider 1.1.1

测试已测试
Lang语言 Obj-CObjective C
许可证 MIT
发布最后发布2017 年 1 月

Vadym MarkovVadym Markov 维护。



一个带有两个滑块的可用滑块控件。值范围在 minimumValuemaximumValue 之间(默认是从 0 到 1)。左滑块不能移到右滑块的右侧,反之亦然。控件启用多指触摸(同时使用两个手指控制两个滑块)。

请检查示例项目,了解如何使用 MARKRangeSlider 的基本示例。

示例

Alt text

可用控件属性

  • minimumValue - 滑块范围的最小值(只读)
  • maximumValue - 滑块范围的最大值(只读)
  • leftValue - 左滑块的值(只读)
  • rightValue - 右滑块的值(只读)
  • minimumDistance - 两个滑块之间的距离(滑块不能比这个距离更近)
  • pushable - 允许用户推动两个控件
  • disableOverlapping - 禁止滑块控件重叠

可用控件方法

  • (void)setMinValue:(CGFloat)minValue maxValue:(CGFloat)maxValue
  • (void)setLeftValue:(CGFloat)leftValue rightValue:(CGFloat)rightValue

可用样式属性

图像是可以定制的,如果没有提供图像,则使用默认图像。

  • trackImage - 轨道背景图像
  • rangeImage - 范围背景图像
  • leftThumbImage - 左滑块图像
  • rightThumbImage - 右滑块图像

用法

在您的视图控制器中

- (void)viewDidLoad {
    // ...
    self.rangeSlider = [[MARKRangeSlider alloc] initWithFrame:CGRectZero];
    [self.rangeSlider addTarget:self
                         action:@selector(rangeSliderValueDidChange:)
               forControlEvents:UIControlEventValueChanged];

    [self.rangeSlider setMinValue:0.0 maxValue:1.0];
    [self.rangeSlider setLeftValue:0.2 rightValue:0.7];

    self.rangeSlider.minimumDistance = 0.2;

    [self.view addSubview:self.rangeSlider];
    // ...
}

- (void)rangeSliderValueDidChange:(MARKRangeSlider *)slider {
    NSLog(@"%0.2f - %0.2f", slider.leftValue, slider.rightValue);
}

安装

MARKRangeSlider 通过 CocoaPods 可用。要安装它,简单地在 Podfile 中添加以下行

pod 'MARKRangeSlider'

作者

Vadym Markov,[email protected]

许可证

MARKRangeSlider 在 MIT 许可证下可用。请参阅 LICENSE 文件获取更多信息。