版权属于: LvesLi’s Blogging
原文地址: http://www.lvesli.com/?p=171
一、下面我们先来了解一下SizeClass。
1. 打开Storyboard在最下方点击下面的按钮,就可以选择你想要的SizeClass了。
2. 在Size Class 工具面板上移动鼠标就可以选择相应地大小和朝向的SizeClass。
WIdth和Height Class都分别对应三种类型:Compact(紧凑),Ragular(标准),Any(任意)。他们两两组合一共可以有9中搭配。默认情况下是W Any|H Any。即适配任意大小任意朝向的设备。
那么问题来了,我们用的iphone和iPad分别对应那种类型的Size Class呢。莫着急,看看下面的图你就了解了。
对于iPad来说,无论iPad的设备的大小和横屏还是竖屏,Size Class都是Regular的;
iPhone6 plus在竖屏下:W Compact|H Regular;在横屏下:W Regular| H Compact;
其他iPhone,竖屏:W Compact|H Regular;在横屏下:W Compact| H Compact;
二、下面我们在上边的TextContainer上面添加一个Label,然后设置Label的Font在不同Size Class下的不同效果。
1.添加一个Label
2.给这个Lable添加的约束为:水平和垂直居中。选中Label在右下角点击最左边的按钮,如下:
3.在base下字体设置如下:
1)字体颜色为White Color;
2)Text内容:Lvesli‘s Blogging
3)字体大小50
4)字体居中
5)AutoShrink:Minimum Font Scale,大小 0.1
4.在W Any| H Com(手机横屏的情况下字体放大)下字体设置如下:
你会发现在Font左边多了一个+号,
点击加号选择Width: Any; Height: Compact
然后设置字体如下:
5.在iPhone6Plus下横竖屏效果如下: