ios - 你如何在屏幕上显示它下面的 UISlider 的值，如图所示？

Question

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

Answer 1

如果您想以编程方式执行此操作，请查看 Vvk Aghera 的 answer .如果你想用界面生成器“直观地”完成它，最简单的方法是使用 stack views .

1。设置 View

在 Interface Builder 中，您为每个数字添加一个 slider 元素和一个标签(总共 11 个)。

将标签放在水平堆栈 View 中，并在属性检查器中将分布设置为“均匀填充”:

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

将水平堆栈 View 和 slider 放在垂直堆栈 View 中，给你这样的东西:

这是你的 View 层次结构应该是这样的:

• 堆栈 View (垂直)
  • slider
  • 堆栈 View (水平)
    • 标签
    • 标签
    • ...

截图:

2。配置 slider

然后你可以configure the slider使用属性检查器。例如，您可以在那里将最大值设置为 100:

如果您在将 slider 连接到 Controller 并访问其值方面需要帮助，请查看这些教程:

• iOS Creator 的 UISLider tutorial
• Ray Wenderlich 的 A Simple iOS App

不要忘记 UISlider class reference .