纯代码添加约束条件(Auto Layout)
Auto Layout 是一种基于约束的、描述性的布局系统。也就是使用约束条件来描述布局,View的Frame会根据这些描述来进行计算。
- (void)addAllViews
{
// 在延展中先声明leftButton和rightButton两个属性
// 添加_leftButton
self.leftButton = [UIButton buttonWithType:UIButtonTypeSystem];
[_leftButton setTitle:@"Left" forState:UIControlStateNormal];
_leftButton.layer.borderColor = [UIColor blackColor].CGColor;
_leftButton.layer.borderWidth = 2.0f;
[self.view addSubview:_leftButton];
// 添加_rightButton
self.rightButton = [UIButton buttonWithType:UIButtonTypeSystem];
[_rightButton setTitle:@"Right" forState:UIControlStateNormal];
_rightButton.layer.borderColor = [UIColor blackColor].CGColor;
_rightButton.layer.borderWidth = 2.0f;
[self.view addSubview:_rightButton];
// 关闭自动调整
_leftButton.translatesAutoresizingMaskIntoConstraints = NO;
_rightButton.translatesAutoresizingMaskIntoConstraints = NO;
// 1. 创建一个存放约束条件的可变数组
NSMutableArray *tempConstraintsMutableArray = [NSMutableArray array];
// 2. 在水平方向上:设置_leftButton距离父视图左侧距离为50,_leftButton的宽度为100,_rightButton距离_leftButton的横向距离为50,_rightButton的宽度设置为100
// 需要理解的参数:@"H:|-50-[_leftButton(==100)]-100-[_rightButton(==100)]"
[tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraintconstraintsWithVisualFormat:@"H:|-50-[_leftButton(==100)]-100-[_rightButton(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_leftButton, _rightButton)]];
// 和上面的设置类似,只是在竖直方向上
// 在竖直方向上:设置_leftButton距离父视图顶部100,_leftButton高度为100,_rightButton和_leftButton之间的距离为100,_rightButton的高度为100
// 需要理解的参数:@"V:|-100-[_leftButton(==100)]-50-[_rightButton(==100)]"
// [tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[_leftButton(==100)]-50-[_rightButton(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_leftButton, _rightButton)]];
// 3. 在垂直方向上:给_leftButton设置距离父视图顶部50,_leftButton高度为100
// 需要理解的参数:@"H:|-100-[_leftButton(==100)]"
[tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraintconstraintsWithVisualFormat:@"V:|-100-[_leftButton(==100)]" options:0metrics:nil views:NSDictionaryOfVariableBindings(_leftButton)]];
// 在垂直方向上:给_rightButton设置距离父视图顶部50,_rightButton高度为100
[tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraintconstraintsWithVisualFormat:@"V:|-100-[_rightButton(==_leftButton)]"options:0 metrics:nil views:NSDictionaryOfVariableBindings(_rightButton,_leftButton)]];
// 和上面的设置类似,只是在水平方向上的
// 在水平方向上:设置_leftButton距离父视图左侧为50,_leftButton的宽度为50
// [tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-100-[_leftButton(==50)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_leftButton)]];
// 在水平方向上:设置_rightButton距离父视图左侧为50,_rightButton的宽度为50
// [tempConstraintsMutableArray addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-100-[_rightButton(==_leftButton)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_rightButton, _leftButton)]];
// 4. 给视图添加约束
[self.view addConstraints:tempConstraintsMutableArray];
**
* 解释
* H: Horizontal, 水平的,水平方向
* V: Vertical, 垂直的,竖直方向
*
}
纯代码添加约束条件(Auto Layout)的更多相关文章
- IOS 纯代码添加 Button Image Label 添加到自定义View中
@interface ViewController () /**获取.plist数据*/ @property (nonatomic,strong) NSArray *apps; @end @imple ...
- iOS-原生纯代码约束总结(二)之 AutoLayout
一,概述 AutoLayout相比AutoResizing更加实用,是可以完全替代AutoResizing的一种自动布局方式.而在使用AutoLayout前,我们必须理解一个属性,那就是transla ...
- iOS 开发实践之 Auto Layout
原:http://xuexuefeng.com/autolayout/?utm_source=tuicool 本文是博主 iOS 开发实践系列中的一篇,主要讲述 iOS 中 Auto Layout(自 ...
- iOS开发之Auto Layout入门(转)
随着iPhone6与iOS8的临近,适配的问题讲更加复杂,最近学习了一下Auto Layout的使用,与大家分享. 什么是Auto Layout? Auto Layout是iOS6发布后引入的一个全新 ...
- 从 Auto Layout 的布局算法谈性能
这是使用 ASDK 性能调优系列的第二篇文章,前一篇文章中讲到了如何提升 iOS 应用的渲染性能,你可以点击 这里 了解这部分的内容. http://t.cn/Rc4KbUC 在上一篇文章中,我们提到 ...
- iOS------手势操作(nib文件、纯代码)
总共有六种手势识别:轻击手势(TapGestureRecognizer),轻扫手势 (SwipeGestureRecognizer), 长按手势(LongPressGestureRecognizer) ...
- 【转】iOS6中的Auto Layout:通过代码添加约束
最近做的项目用到了Auto Layout,于是经过了一番大量的google,这是我看到的讲用代码创建约束最清晰的一篇教程,于是想跟更多的人分享一下.原文也比较简单,可以直接过去看,如果我翻译的 ...
- iOS 8 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束
http://blog.csdn.net/pucker/article/details/41843511 上一篇文章<iOS 8界面自动布局系列-1>简要介绍了iOS界面布局方式的前世今生 ...
- 手写代码自动实现自动布局,即Auto Layout的使用
手写代码自动实现自动布局,即Auto Layout的使用,有需要的朋友可以参考下. 这里要注意几点: 对子视图的约束,若是基于父视图,要通过父视图去添加约束. 对子视图进行自动布局调整,首先对UIVi ...
随机推荐
- hdoj 1162 Eddy's picture
并查集+最小生成树 Eddy's picture Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java ...
- 编写一个Shape类,具有属性:周长和面积; 定义其子类三角形和矩形,分别具有求周长的方法。 定义主类E,在其main方法中创建三角形和矩形类的对象, 并赋给Shape类的对象a、b,使用对象a、b来测试其特性。
package shape; public class Shape { //定义成员变量 private double zhouchang; private double mianji; public ...
- Sqlite数据库简介
在应用sqlite之前需要添加sqlite库,那么我们就会发现有3和3.0的区别,开始我也并不懂,后才知道: 实际上libsqlite3.dylib本身是个链接,它指向libsqlite3.0.dyl ...
- in和exists的区别与SQL执行效率
in和exists的区别与SQL执行效率最近很多论坛又开始讨论in和exists的区别与SQL执行效率的问题,本文特整理一些in和exists的区别与SQL执行效率分析 SQL中in可以分为三类: 1 ...
- Css基础-id选择器
id 选择器以#来定义 <p id="pid">Hello css</p> #pid { color:red; } <div id="div ...
- $_SERVER详细资料整理(转)
PHP编程中经常需要用到一些服务器的一些资料,特把$_SERVER的详细参数整理下,方便以后使用. $_SERVER['PHP_SELF'] #当前正在执行脚本的文件名,与 document root ...
- MYSQL BLOB 字段大小以及个数的限制測试。
測试结论 mysql版本号 5.1 表类型: innodb, row_format=compact (这是默认的行格式) 插入超过10个blob, blob的数据量非常小(<76 ...
- PHP函数ip2long转换IP时数值太大产生负数的解决办法
有两种办法: 1. bindec( decbin($long)) 利用bindec和decbin两个函数转换一次就没有问题了 我一直在用上面的方法,但是在升级到PHP7以后就不起作用了(因为最近只进 ...
- 7Zip 来备份重要文件(夹)
body { font-family: 宋体,Georgia,Helvetica,Arial,sans-serif,宋体,serif; font-size: 10.5pt; line-height: ...
- android学习日记15--WebView(网络视图)
一.WebView 1.简述 WebView(网络视图)内置WebKit引擎,能加载显示网页,还支持JS,并且能够在Android平台使用AJAXWebView可以在布局中声明,也可以在Activit ...