Autolayout 自动布局
来源:互联网 发布:6878网站源码 编辑:程序博客网 时间:2024/06/05 19:09
Autolayout
在Autolayout之前,Autoresizing可以作屏幕适配,但局限性较大有些任务根本无法完成
相比之下,Autol'ayout的功能比Autoresizing强大很多
什么是Autolayout
1.Autolayout是一种“自动布局”技术,专门用来布局UI界面的
2.Autolayout自iOS 6开始引入,由于Xcode 4的不给力,当时并没有得到很大推广
3.自iOS 7(Xcode 5)开始,Autolayout的开发效率得到很大的提升
4.苹果官方也推荐开发者尽量使用Autolayout来布局UI界面
5.Autolayout能很轻松地解决屏幕适配的问题
Autolayout的2个核心概念
1. 参照 2. 约束
Autolayout常用面板
01-约束处理
02-相对
03-对齐Autolayout的警告和错误
- 警告: 控件的frame不匹配所添加的约束, 比如约束控件的宽度为100, 而控件现在的宽度是110 如下图所示:
- 错误: 缺乏必要的约束, 比如只约束了宽度和高度, 没有约束具体的位置 如下图所示:
- 两个约束冲突,: 比如1个约束控件的宽度为100, 1个约束控件的宽度为110 如下图所示:
通过代码添加Autolayout
但首先需要先了解一个类(NSLayoutConstraint)
一个NSLayoutConstraint对象就代表一个约束
创建约束对象的常用方法
+ (id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;view1 :要约束的控件attr1 :约束的类型(做怎样的约束)relation :与参照控件之间的关系view2 :参照的控件attr2 :约束的类型(做怎样的约束)multiplier :乘数c :常量
- 自动布局的核心计算公式
obj1.property1 =(obj2.property2 * multiplier)+ constant value
代码实现Autolayout的步骤
- 利用NSLayoutConstraint类创建具体的约束对象 - 添加约束对象到相应的view上
- (void)addConstraint:(NSLayoutConstraint *)constraint;
- (void)addConstraints:(NSArray *)constraints;
代码实现Autolayout的注意点
- 要先禁止autoresizing功能,设置view的下面属性为NO`view.translatesAutoresizingMaskIntoConstraints = NO;` - 添加约束之前,一定要保证相关控件都已经在各自的父控件上不用再给view设置frame
添加约束的规则
在创建约束之后,需要将其添加到作用的view上
在添加时要注意目标view需要遵循以下规则:
1)对于两个同层级view之间的约束关系,添加到它们的父view上
2)对于两个不同层级view之间的约束关系,添加到他们最近的共同父view上
3)对于有层次关系的两个view之间的约束关系,添加到层次较高的父view上
0 0
- autolayout自动布局详解
- AutoLayout(自动布局)
- AutoLayout 自动布局
- ios Autolayout自动布局
- autoLayout 自动布局
- AutoLayout自动布局
- Autolayout(自动布局)
- 适配 - autolayout自动布局
- autoLayout-自动布局
- iOS AutoLayout 自动布局
- AutoLayout (自动布局)
- Autolayout自动布局1
- Autolayout自动布局2
- Autolayout自动布局3
- AutoLayout 自动布局
- Autolayout 自动布局
- Autolayout 自动布局
- 自动布局:AutoLayout注意事项及autolayout动画
- 【Arduino官方教程】数字处理示例(四):输入上拉
- 如何使Win32 应用程序兼容系统控件的主题
- 5.1.2 I/O控制方式
- Android之Log的日志打印信息的封装
- var['<b>','abc','</b>'].join("");append...
- Autolayout 自动布局
- HDU 2064 汉诺塔III
- 234. Palindrome Linked Lis
- 产品助理day5
- Configuring OSPFv3
- mysql使用技巧
- javaweb中action、service、model、dao层如何区分
- Palindrome Numer
- jquery click事件多次执行解决办法