iOS --- 为UISlider添加点击事件

UISlider是iOS中非常常见的UI控件, 继承自UIControl, 可设置valueChanged等事件响应方法. 但其默认不支持单击事件, 本文即简单地实现了可单击选值的UISlider.

UISlider的常见IBAction

ValueChanged: 当UISlider的值发生变化时调用.

TouchDown: 当UISlider被按下时调用.

TouchUpInside/TouchUpOutside: 松开时调用.

一般情况下, 添加这三个对于的IBAction方法即可满足UISlider的使用.

添加点击事件

为UISlider添加单击手势UITapGestureRecognizer, 在单击手势响应方法中计算点击的位置, 通过该位置设置UISlider的正确值即可.

添加单击手势:

_tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(actionTapGesture:)];
_tapGesture.delegate = self;
[_slider addGestureRecognizer:_tapGesture];

单击手势响应方法:

- (void)actionTapGesture:(UITapGestureRecognizer *)sender {
CGPoint touchPoint = [sender locationInView:_slider];
CGFloat value = (_slider.maximumValue - _slider.minimumValue) * (touchPoint.x / _slider.frame.size.width );
[_slider setValue:value animated:YES];
}

这样, 可点击的UISlider即准备好了.

进一步优化

做得以上这些之后, 还会遗留一个小bug. 即非常轻微且迅速地小幅度滑动UISlider的拉杆, 手指迅速离开屏幕, 有可能出现UISlider不准确的现象, 拉竿上的那个圆圈会出现抖动甚至回退的现象.

原因在于: 以上的操作先是按照UISlider的常规操作进行, 即滑动操作. 然后因为手指非常迅速地离开屏幕, 可能会识别为UITapGesture手势, 调用点击手势的响应方法.

这样, UISlider就认为接收了两次操作, 滑动+单击, 二者对UISlider的操作位置略有不同, 因此带来了抖动的问题.

解决方法也很简单, 当对UISlider的操作识别成滑动的常规操作, 即将UITapGestureRecognizer禁止即可. 操作完成之后, 将其enable即可.

- (IBAction)sliderTouchDown:(UISlider *)sender {
_tapGesture.enabled = NO;
}

- (IBAction)sliderTouchUp:(UISlider *)sender {
_tapGesture.enabled = YES;
}

Demo

Demo地址: DemoUISlider