如何在屏幕上显示 UISlider 的值，如图所示？

Question

我是 ios 开发的新手。我必须设计这个屏幕。我使用图像来显示滑块下方的数字，但在大屏幕上看起来不太好。请告诉我其他方法。请告诉我怎么做如果我想绘制这些数字，我会设置坐标，因为我正在使用自动布局。谢谢

Answer 1

如果您想以编程方式进行，请查看Vvk Aghera的答案。如果您想使用界面构建器“直观地”完成此操作，最简单的方法是使用堆栈视图。

1. 设置视图

在 Interface Builder 中，您可以为每个数字添加一个滑块元素和一个标签（总共 11 个）。

将标签放在水平堆栈视图中，并在属性检查器中将分布设置为“均等填充”：

您还可以通过选择所有标签并打开属性检查器来轻松配置文本颜色和居中对齐标签：

将水平堆栈视图和滑块放在垂直堆栈视图中，为您提供如下所示的内容：

这就是您的视图层次结构的样子：

• 堆栈视图（垂直）
  • 滑块
  • 堆栈视图（水平）
    • 标签
    • 标签
    • ...

截屏：

2. 配置滑块

然后您可以使用属性检查器配置滑块。例如，您可以在那里将最大值设置为 100：

如果您需要帮助将滑块连接到控制器并访问其值，请查看以下教程：

• iOS Creator的UISLider 教程
• Ray Wenderlich的一个简单的 iOS 应用程序

不要忘记UISlider 类参考。