故事板约束(Xcode)

时间:2016-04-16 21:34:55

标签: ios xcode storyboard size constraints

我是编程新手,我正在尝试使用Xcode。我没有经验。我正在尝试用Xcode创建一个应用程序。我已经完成了代码,我唯一的问题是故事板限制。我需要一个可以帮助我设置它们的人。

所以,我有28个按钮,你可以在图片中看到,我想保持65x65像素的大小。这意味着它们之间的距离应根据不同的设备尺寸(4英寸,4.7英寸和5.5英寸)而变化。我还应该提一下,我希望它只是在纵向视图中,而且只适用于iPhone.i希望有人可以提供帮助,因为我对这是一个菜鸟,我在互联网上搜索了很多但是我无法做到它

enter image description here

1 个答案:

答案 0 :(得分:0)

UIStackView(iOS 9 +)

UIStackView是在iOS 9中引入的,在您的情况下非常有用。

修改:在开始使用之前,请确保将尺寸类设为w Any, h Any,这样可以简化操作。

  1. 要使用此功能,请在实用工具面板中搜索UIStackView
  2. enter image description here

    1. 在视图控制器的视图上拖放Vertical Stack View并设置约束,使其跨越整个屏幕。
    2. enter image description here

      1. 选择刚刚放置的堆栈视图,并将分配设置为Fill Equally
      2. enter image description here

        1. Horizontal Stack View拖放到垂直方向上。
        2. 选择水平分布并将分布设置为Fill Equally
        3. 将按钮放在Horizontal Stack View
        4. enter image description here

          1. 根据您想要的行数多次复制并粘贴水平堆栈视图。
          2. enter image description here

            就是这样。

            您可以控制按钮的背景图像以使其更小(65像素),或者您可以将视图设置为其父级,然后水平/垂直对齐以将其放置到中心,如下所示:

            enter image description here

            取向

            如果您想在整个应用中锁定方向,请转到项目的设置。

            enter image description here

            示例项目

            我为此问题制作了一个示例项目,您可以在此处查看:https://github.com/cyhsutw/UIStackView-example