UI 滑块和 UI 嵌入进度视图

Question

我正在尝试构建一个嵌入进度条的滑块，以便滑块的最小图像与进度条 'progress image' 一致，并且用户只能在 'progress track image' 内滑动。像下图这样的东西：

如图所示，

绿色部分是进度视图
右边的红色部分（最小滑块值图像）是一个滑块 & 应该动态调整到 'progress image' 并且应该隐藏 'progress track'

我试过设置

minimumvalueimage

滑块编程如下：

override func trackRectForBounds(bounds: CGRect) -> CGRect {
    //        keeps original origin and width, changes height, you get the idea
    let customBounds = CGRectMake(7, 0, 180, 15)
    super.trackRectForBounds(customBounds)
    return customBounds
}

这是执行此任务的正确方法吗，请给我一些建议。我被困在这里，而不是在正确的轨道上.. 如果我不清楚任何事情，请告诉我...只要在 swift.

范围内，我们将不胜感激

Answer 1

我因为实现这个的逻辑而被卡住了。最后我找到了一种方法来设置进度条和滑块的百分比，即乘数。

首先,我把进度条设置为100%,
然后，我设置了乘数，它会设置进度条的百分比UI限制，并将其设置在它旁边的位置滑块。
和最后，红色图标是滑块的最小值图像，它坚持进度条尾随边距，（编程约束）。

或者， 通过 Storyboard 您可以将它定位到第一个（即 ProgressView）和第二个（即 SliderView）之间的视图) 查看。

因此，UI滑块将从视图宽度的 100% - 进度条覆盖的百分比

获取其位置

编辑：- 如果需要，我可以提供代码示例。请告诉我。 :) 快乐编码：)

UI 滑块和 UI 嵌入进度视图

UIslider and UI progress view embedded

ios

swift

xcode

uislider

uiprogressview