IOS界面UI设计4之屏幕适配AutoLayout、size classes(三)

iOS 8里面有个新技术叫做SizeClasses,但是这个东西也是建立在autolayout上的,这个只是吧不同的屏幕放到了一起,可以理解为多个屏幕合一。宽高any模式是通用的,当然也可以分别设置各个屏幕的布局。

(1)    设置一个矩形,居中显示。

IOS界面UI设计4之屏幕适配AutoLayout、size classes(三)_第1张图片

通过这个可以设置不同的手机模拟器以及横竖平。

4s 3.5英寸 5s 4.5英寸6 英寸 6+ 5.5英寸。

这里设置通用型,w h都设置为any

 

Ipad:

IOS界面UI设计4之屏幕适配AutoLayout、size classes(三)_第2张图片

约束布局和上一篇博客类似,这里就不重复了。

上面的效果在size classes设置为w、h都为any的形式即可。然后设置界面居中显示。

(2)iphone ipad显示不同的view

iphone上显示一个界面 ipad上显示一个界面。Ipad iphone屏幕设计如下

IOS界面UI设计4之屏幕适配AutoLayout、size classes(三)_第3张图片

具体可以参考:

https://developer.apple.com/library/ios/releasenotes/General/WhatsNewIniOS/Articles/iOS8.html

总共有5种差异。


你可能感兴趣的:(IOS界面UI设计4之屏幕适配AutoLayout、size classes(三))