使用多个子视图排列视图

时间:2016-07-31 04:31:51

标签: ios swift uitableview uistackview

这是我想要实现的目标:

enter image description here

我是在Android上做到的。现在我想在iOS中完成。作为初学者,我很困惑iOS开发人员可能会使用的内容。 UITableViewUIStackView或其他什么?

请记住:

  • 显示问题编号的框不应改变它的比例
  • 问题文本可能是1行,也许是10行
  • 问题下的选项可能比这个更多或更少
  • 下一个和上一个按钮应位于所有内容的末尾,而不是浮动在显示屏底部

1 个答案:

答案 0 :(得分:1)

通过在Xcode上使用自动布局,这并不难实现。

如果您不希望显示问题的方框改变其比例,我建议您将“问题1中的第1个问题”等等。在单独的UIView中并在UIView上设置纵横比。

enter image description here

还应指定相对位置。请注意,您可以将其X或Y位置包含在屏幕的百分比中。

enter image description here

对于文本,您可以使用标签,并将其约束在框旁边。

通过约束乘数,选项可以是空间。

“后退”和“下一步”按钮的垂直间距可以设置为最后一个问题,而不是底部布局指南,以便它不会浮动在底部。

我强烈建议您阅读本指南

https://www.raywenderlich.com/115440/auto-layout-tutorial-in-ios-9-part-1-getting-started-2 欲获得更多信息。并查看官方Apple文档。

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/