Question

我一直在搜索这个，我似乎无法弄明白。

如何使用自动布局限制根据手机的屏幕尺寸调整视图大小？我有一个适用于iPhone 5的视图，但我想缩小它的iphone 4.我使用什么约束？

感谢您提供的任何帮助或资源。

Answer 1

答案并非那么容易。这取决于你在屏幕上有什么。我不喜欢使用自动布局的决心，我喜欢照顾我所有的约束。例如，如果屏幕右上角有一个按钮，我会使用Pin，并在按钮右侧和视图侧面以及按钮顶部之间设置约束，视图的顶部。

这将取决于你如何想要按钮之间，按钮和视图，collectionviewcells，标签，图像，tableviews等之间的距离......

您可以随时使用简单的解决方案并交叉手指。在storyboard中，查找Resolve auto layout issues按钮，单击它，然后按Add Missing Constraints。交叉你的手指，也许这对你有用！（如果您没有找到该按钮，请更容易：编辑 - >解决自动布局问题 - >添加缺失的约束）

Answer 2

只需使用UUID检测设备，然后使用它设置约束常量。如果您使用的是故事板，则可以使用@IBOutlet将约束连接到代码。您想要调整的约束必须按照您的意图移动对象。例如，如果你有一个按钮，并且它的超视图有一个约束在屏幕的底部，调整常量将垂直向上/向下移动，具体取决于常量是正还是负。

Answer 3

Apple有关于约束和自动布局使用的出色文档。

您可以按照此处的指南进行操作 - https://developer.apple.com/library/ios/documentation/userexperience/conceptual/AutolayoutPG/Introduction/Introduction.html

或

观看精彩的WWDC视频

iOS和OS X自动布局简介
https://developer.apple.com/videos/wwdc/2012/?id=202
掌握自动布局的最佳实践
https://developer.apple.com/videos/wwdc/2012/?id=228

Answer 4

缩小视图以缩小屏幕，您需要使用顶部布局指南和底部布局指南设置约束（您可以通过ctrl-draggin从对象到视图顶部或视图底部来实现）

我建议使用的是在主视图中插入视图并使用以下方法“约束”它： - 顶部空间到顶部布局指南 - 领先的容器空间 - 尾随空间到容器 - 底部空间到底部布局指南

在此视图中添加所有元素，但请记住在中间有一些“灵活”空间

----------------------------------
|           |                    |
|           |                    |
|---------Element----------------|
|                |               |
|                |               |
|--------------Element-----------|
|           |                    |
|           |                    |
|---------Element----------------|
|                                |
|                                |
|         Flexible space         |
|          no constraints        |
|                                |
|---------Element----------------|
|            |                   |
|---------Element----------------|
|            |                   |
|--------------------------------|

iOS自动布局约束 - 查看每3.5英寸和4英寸屏幕调整大小

4 个答案: