iOS如何让滑块停在离散点

Question

我想让滑块停在代表时间轴上整数的离散点处。最好的方法是什么？我不想要介于两者之间的任何值。如果滑块也可以“捕捉”到每个离散点的位置，那就太好了。

Answer 1

我为此所做的是首先将当前滑块值的“输出”变量设置为整数（默认情况下为浮点数）。然后将输出数字设置为滑块的当前值：

int output = (int)mySlider.value;
mySlider.value = output;

这会将其设置为以 1 个整数的增量移动。要使其在特定的数字范围内移动，例如在 5 秒内移动，请使用以下公式修改输出值。将其添加到上面的前两行之间：

int output = (int)mySlider.value;
int newValue = 5 * floor((output/5)+0.5);
mySlider.value = newValue;

现在，当您移动滑块时，滑块会“跳”到 5 的倍数。

Answer 2

我按照 Nathan 的建议做了，但我还想更新实时显示当前值的关联 UILabel，所以这就是我所做的：

- (IBAction) countdownSliderChanged:(id)sender
{
    // Action Hooked to 'Value Changed' (continuous)

    // Update label (to rounded value)

    CGFloat value = [_countdownSlider value];

    CGFloat roundValue = roundf(value);

    [_countdownLabel setText:[NSString stringWithFormat:@" %2.0f 秒", roundValue]];
}


- (IBAction) countdownSliderFinishedEditing:(id)sender
{
    // Action Hooked to 'Touch Up Inside' (when user releases knob)

    // Adjust knob (to rounded value)

    CGFloat value = [_countdownSlider value];

    CGFloat roundValue = roundf(value);

    if (value != roundValue) {
        // Almost 100% of the time - Adjust:

        [_countdownSlider setValue:roundValue];
    }
}

当然，缺点是它需要两个操作（方法）每个滑块。

Answer 3

带有 ValueChanged 和 TouchUpInside 的 Swift 版本。

编辑：实际上，在这种情况下你应该连接 3 个事件：

yourSlider.addTarget(self, action: #selector(presetNumberSliderTouchUp), for: [.touchUpInside, .touchUpOutside, .touchCancel])

我刚刚粘贴了我的代码，但你可以轻松地看到它是如何完成的。

private func setSizesSliderValue(pn: Int, slider: UISlider, setSliderValue: Bool)
{
    if setSliderValue
    {
        slider.setValue(Float(pn), animated: true)
    }

    masterPresetInfoLabel.text = String(
        format: TexturingViewController.createAndSendPresetNumberNofiticationTemplate,
        self.currentPresetNumber.name.uppercased(),
        String(self.currentPresetNumber.currentUserIndexHumanFriendly)
    )
}

@objc func presetNumberSliderTouchUp(_ sender: Any)
{
    guard let slider = sender as? NormalSlider else{
        return
    }

    setupSliderChangedValuesGeneric(slider: slider, setSliderValue: true)
}

private func setupSliderChangedValuesGeneric(slider: NormalSlider, setSliderValue: Bool)
{
    let rounded = roundf((Float(slider.value) / Float(presetNumberStep))) * Float(presetNumberStep)

    // Set new preset number value
    self.currentPresetNumber.current = Int(rounded)
    setSizesSliderValue(pn: Int(rounded), slider: slider, setSliderValue: setSliderValue)
}

@IBAction func presetNumberChanged(_ sender: Any)
{
    guard let slider = sender as? NormalSlider else{
        return
    }

    setupSliderChangedValuesGeneric(slider: slider, setSliderValue: false)
}

Answer 4

我在这里采取的步骤与 jrturton 的答案中所述的步骤几乎相同，但我发现滑块会明显落后于我的动作。我是这样做的：

将滑块放入 Interface Builder 的视图中。
设置滑块的最小/最大值。 （我使用了 0 和 5）

在 .h 文件中：

@property (strong, nonatomic) IBOutlet UISlider *mySlider;
- (IBAction)sliderChanged:(id)sender;

在 .m 文件中：

- (IBAction)sliderChanged:(id)sender 
{
    int sliderValue;
    sliderValue = lroundf(mySlider.value);
    [mySlider setValue:sliderValue animated:YES];
}

在 Interface Builder 中，我将滑块的“Touch Up Inside”事件连接到“文件所有者”，而不是“值已更改”。现在，当我抬起手指时，它可以让我平滑地移动滑块并捕捉到每个整数。

谢谢@jrturton！

更新 - Swift：

@IBOutlet var mySlider: UISlider!

@IBAction func sliderMoved(sender: UISlider) {
    sender.setValue(Float(lroundf(mySlider.value)), animated: true)
}

此外，如果在故事板中连接事物有任何困惑，我已将一个快速示例上传到 github：https://github.com/nathandries/StickySlider

Answer 5

要使滑块“粘在”特定点，您的视图控制器应该在从滑块链接到的 valueChanged 方法中，根据滑块的值确定适当的舍入，然后使用 setValue:animated: 将滑块移动到适当的位置。因此，如果您的滑块从 0 变为 2，并且用户将其更改为 0.75，则您认为该值应该为 1 并将滑块值设置为该值。