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

时间:2014-07-24 20:43:30

标签: ios iphone autolayout nslayoutconstraint nsautolayout

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

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

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

4 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

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

观看精彩的WWDC视频

答案 3 :(得分:0)

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

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

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

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