IOS8 AutoLayout+SizeClasses 基础篇(2)

首先在默认sizeclasses的视图中拖入两个view

IOS8 AutoLayout+SizeClasses 基础篇(2)_第1张图片

设置左边view的约束为,高度100,数直居中,宽高比为1:1,距左边界20

设置右边view的约束为,与viewone等高,数直居中,宽高比为1:1,距右边界20

两者约束图为


IOS8 AutoLayout+SizeClasses 基础篇(2)_第2张图片IOS8 AutoLayout+SizeClasses 基础篇(2)_第3张图片


运行效果图为

IOS8 AutoLayout+SizeClasses 基础篇(2)_第4张图片IOS8 AutoLayout+SizeClasses 基础篇(2)_第5张图片

可以发现基于这种sizeclasses在横竖屏上都会呈现相同的布局

现在可以对横屏这种sizeclasses再去单独的布局,将sizeclasses调为

IOS8 AutoLayout+SizeClasses 基础篇(2)_第6张图片

为了尽量在横屏下布满屏幕,现在可以在当前sizeClasses下取消左边view的高度为100的约束,并设置其到右边view的间距约束为20。最后update all frames,运行效果图为

IOS8 AutoLayout+SizeClasses 基础篇(2)_第7张图片

可以看到利用sizeclasses可以很轻松的对横竖屏分别布局。


你可能感兴趣的:(ios8,sizeClasses)