Ios 根据progressView';进步

Ios 根据progressView';进步,ios,uiview,autolayout,swift2,Ios,Uiview,Autolayout,Swift2,我正在尝试制作这个UI: 上面的UI在UITableViewCell上包含一个ProgressView,垂直线是一个UIView(如果我应该使用其他东西,那么这个垂直线就是一个UIView,那么请提供您的建议)我在移动这条垂直线时遇到了困难吗?我如何将这条线放置在图中所示的填充点上,如果有人知道,请告诉我,这将对我非常有帮助 我需要的伪代码是这样的 verticleLine.xAxisPostion = progressBar.progress.xAxis 试着在这里跳出框框:也许你可以使用

我正在尝试制作这个UI:

上面的UI在UITableViewCell上包含一个ProgressView,垂直线是一个UIView(如果我应该使用其他东西,那么这个垂直线就是一个UIView,那么请提供您的建议)我在移动这条垂直线时遇到了困难吗?我如何将这条线放置在图中所示的填充点上,如果有人知道,请告诉我,这将对我非常有帮助

我需要的伪代码是这样的

verticleLine.xAxisPostion = progressBar.progress.xAxis

试着在这里跳出框框:也许你可以使用
UISlider
,而将
userInteractionEnabled
设置为
false
?使用
UISlider
不仅可以指定轨迹颜色,还可以指定拇指图像(在您的例子中是一个很小的纯灰色垂直条)


要稍微展开一点:将
minimumTrackTintColor
设置为绿色,将
maximumTrackTintColor
设置为红色(或将
minimum/maximumTrackImage
的可拉伸图像),将
minimumValue
设置为
0
maximumValue
设置为
1
。您现在可以使用
,而不是
进度
,并且它应该会让您在
值之后用拇指(灰色条)做出大致相同的行为
尝试在这里跳出框框思考:也许您可以使用
UISlider
,而将
用户交互启用
设置为
false
?使用
UISlider
不仅可以指定轨迹颜色,还可以指定拇指图像(在您的例子中是一个很小的纯灰色垂直条)

要稍微展开一点:将
minimumTrackTintColor
设置为绿色,将
maximumTrackTintColor
设置为红色(或将
minimum/maximumTrackImage
的可拉伸图像),将
minimumValue
设置为
0
maximumValue
设置为
1
。您现在可以使用
,而不是
进度
——并且它应该为您提供与
值后面的拇指(灰色条)大致相同的行为

上面的UI包含ProgressView

不要使用UIProgressView。只需创建自己的自绘制视图,该视图的外观完全符合您的要求。您设计的视图-进度点左侧为绿色,进度点右侧为红色,进度点右侧为垂直线-绘制起来很简单,在进度发生时(即值更改时)重新绘制起来也很简单

上面的UI包含ProgressView

不要使用UIProgressView。只需创建自己的自绘制视图,该视图的外观完全符合您的要求。您设计的视图-进度点左侧为绿色,进度点右侧为红色,进度点右侧为垂直线-绘制起来很简单,在进度发生时(即值更改时)重新绘制起来也很简单