如何创建与选区对齐的滑块

Question

我将如何制作一个能够与选区对齐的滑块.我在那里有3个选项,一个在左边,一个在右边,一个在中间.当用户向左拖动滑块时,它将动画并捕捉到左选择.对正确和中间的影响相同.

如果您熟悉应用程序UBER,他们有一些东西(有4个部分)正是我所说的.屏幕截图(底部的滑块):

知道如何实现这个吗？我应该使用UISlider还是不使用？

非常感谢,Gabe

Answer 1

如果不考虑Uber滑块的自定义外观,您可以通过在滑块上监听Touch Up Inside事件(以及Touch Up Outside,为了完整性)并将其值设置为最接近的整数来实现此"动画捕捉"行为值:

- (IBAction)sliderTouchUp:(UISlider *)sender
{
    [sender setValue:floorf([sender value] + 0.5) animated:YES];
}

将最小值设置为1,将最大值设置为3将使滑块上有三个"停止",当用户释放滑块时,它将设置为最近的停止点的动画.