使用AutoLayout

时间:2016-01-13 22:04:33

标签: ios autolayout

过去几个月,我一直在努力学习iOS开发。大部分都比较容易,但有一件事对我来说非常困难。 自动版式。在我掌握了约束之后,我认为这很容易,但是我很难让我的布局在iPhone和iPad设备上都很好看。我可以为iOS设计得很好。最近,我正在构建一个应用程序,我在ViewController中放了两个按钮。在iPhone上,我将按钮的约束设置为等于屏幕宽度(加上屏幕边距),并为按钮设置合理的高度。在iPhone上,我的布局看起来很棒,但在iPad上(特别是最新的iPad Pro),看起来很恐怖。全宽按钮在iPhone上看起来很棒,但在iPad上,它们需要宽度更小,高度更高。同样,我的图像在iPhone上看起来很棒,但在iPad上却太小了。在CSS中,我可以使用MediaQueries,在Android上,可以使用值和布局上的资源限定符。

这里有什么选择?当某些尺寸需要根据屏幕尺寸,屏幕分辨率等不同时,如何设计我的布局以在iPhone和iPad上看起来不错?约束似乎有利于强制维度,但不适应它们。(除了宽高比约束)

AutoLayout系统的哪些功能可以让我在大屏幕和Retina分辨率之间实现响应式布局?开发响应式布局有哪些常见的提示/技巧。

2 个答案:

答案 0 :(得分:0)

您可以使用size classes轻松构建不同的屏幕尺寸。 raywenderlich.com有一个关于自适应布局的可靠指南。

答案 1 :(得分:0)

您可以使用尺寸等级来设计不同的iPhone和iPad,并且您还可以根据所有设备的高度比使用比例宽度高度看起来完美。如果你想选择第一个选项,那么你可以选择任何可用的教程,但如果你想选择第二个选项,这是一个困难的方法,但节省时间,那么你需要真正了解设备的大小,并需要了解实际的内容比例宽度和高度约束。感谢。