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

本文详细介绍了iOS8中的SizeClasses技术,如何在不同屏幕尺寸的设备上实现界面布局的统一与适应,包括如何设置矩形居中显示、在iPhone和iPad上展示不同界面,以及通用布局的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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


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

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

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

 

Ipad:


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

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

(2)iphone ipad显示不同的view

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


具体可以参考:

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

总共有5种差异。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值