你的位置:首页 > 软件开发 > 操作系统 > iOS 8 自动布局sizeclass和autolayout的基本使用

iOS 8 自动布局sizeclass和autolayout的基本使用

发布时间:2015-12-11 00:00:04
1.首先创建新的工程,设置rootviewcontroller(这里不再多说)2.勾选下面(因为我们到下面是使用sizeClass,所以勾选两个):3.这里我创建了一个lable,名称为View1,在这里可以看到设置View1的约束为距上和左侧为0,宽和高设置的都是200,同理可 ...

iOS 8 自动布局sizeclass和autolayout的基本使用

1.首先创建新的工程,设置rootviewcontroller(这里不再多说)

2.勾选下面(因为我们到下面是使用sizeClass,所以勾选两个):

iOS 8 自动布局sizeclass和autolayout的基本使用

3.这里我创建了一个lable,名称为View1,在这里可以看到设置View1的约束为距上和左侧为0,宽和高设置的都是200,同理可以设置距离右和下的约束,如图:iOS 8 自动布局sizeclass和autolayout的基本使用

4.当上面工作完成以后,点击Add按钮,会出现黄色的约束范围,如下图:

iOS 8 自动布局sizeclass和autolayout的基本使用

 

5.上面工作完成后点击Update Frames,到此View1的约束创建完毕,如图。当我们要更改约束的时候,需要先清除原来得约束,点击Clear Constraints,在从新添加约束。

iOS 8 自动布局sizeclass和autolayout的基本使用

6.此时,我创建了一个名称为View2的lable,同样设置约束,距左边为8(即距View1的距离为8),距右边边界为8,高度为96,如图:

iOS 8 自动布局sizeclass和autolayout的基本使用

7.点击Add添加约束,如图:

iOS 8 自动布局sizeclass和autolayout的基本使用

8.更新fream就OK了,如图:

iOS 8 自动布局sizeclass和autolayout的基本使用

9.同理,创建View3的lable,为了节约大家时间,就不在每一步进行操作,至此,基本autolayout使用已描述完毕,可以运行看下效果。如图:

iOS 8 自动布局sizeclass和autolayout的基本使用

 

二,sizeclass的使用

1,接着上面的例子,我们可以发现,在上图的底部,有wAny hAny,点击wAny,我们可以看到下图,这种是支持所有屏幕的设置,缺点是不精致,当我们横屏的时候怎么办呢?(关于size class的详细解析,请参考苹果文档):

iOS 8 自动布局sizeclass和autolayout的基本使用

 

2.我们在横屏的时要适配屏幕,那么如下图,选择如下的方式:

iOS 8 自动布局sizeclass和autolayout的基本使用

3.更改属性,设置长和高,在这里,我改变了View1的高度,如下图:

iOS 8 自动布局sizeclass和autolayout的基本使用

4,更改View2和View3的高度,跟View1进行匹配,如下图:

iOS 8 自动布局sizeclass和autolayout的基本使用

修改完毕后运行调试即可,即为想要的结果。当然,本例只是简单的了解两种屏幕的适配,同理,您可以适配其他的苹果屏幕。

本人知识有限, 参考其他文献以及知识, 本文介绍的可能有很多不到之处,望各位大神批评指正。

 


 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:iOS 8 自动布局sizeclass和autolayout的基本使用

关键词:IOS

IOS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。