本文主要介绍几个我遇到的总结的高级用法(当然我相信肯定有不少比这还高级的)。 简单的storyboard中上下左右约束,固定宽高啥的用法在这里就不做赘述了。

autolayout自动布局是iOS6以后出现的,但是在开始的一段时间里大家并不怎么会用,都是一上来先勾掉。之后随着5s,iPhone6的出现屏幕多种多样。用多层if来判断尺寸已经完全hold不住了才开始学习自动布局。

在这之前有个叫自动伸缩的autoresizing属性,这个主要用于一个控件和自己父控件之间的关系。只有autolayout才真正可以在任意两个控件中建立关系。

关于autoresizing

autoresizing需要注意的是 storyboard中设置的约束和手码中设置的约束是相反的。 storyboard图形页面里点的右边的线和下边的线的意思是“固定”

而手码中常用的autoresizingMasks属性中的枚举都是Flexible可“伸缩”的。 所以假如想要让右边和下边的距离固定,在代码中应该设置左边和上边的可伸缩约束。

1 yellowView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin |UIViewAutoresizingFlexibleTopMargin;

有了autolayout之后这个自动伸缩很少用了 一共七个属性。

无,宽可伸缩,高可伸缩,左间距可伸缩,右间距可伸缩,上间距可伸缩,下间距可伸缩

UIViewAutoresizingNone                 = 0,

UIViewAutoresizingFlexibleWidth        = 1 << 1,

UIViewAutoresizingFlexibleHeight       = 1 << 4,

UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,

UIViewAutoresizingFlexibleRightMargin  = 1 << 2,

UIViewAutoresizingFlexibleTopMargin    = 1 << 3,

UIViewAutoresizingFlexibleBottomMargin = 1 << 5

每个枚举值都是位移枚举,可以在一行代码中传多个值。

关于label的自动识别大小

label想要在界面中显示成这样

意义是下面的控件可以根据上面label的底部进行自动调整。

这个不是用sizetofit设置的,而是用约束,会在程序运行中数据变了约束立即改变,尺寸也立即改变。

这种设计方法是:

1.设置label的左边和上边的约束,然后再设置下最宽度约束假设是150,把label里面的lines属性设置成0即随意任意多行。 这样里面的文字就会自动换行并且一直显示完,label的背景色也是自动匹配。

2.但是右边还多出了一块。label的右边还有一块蓝色并不是紧紧的挨着。这时就要选中那个宽度的约束 再到右边把Relation由原本的equal改成 less than or Equal 。这时候左边的约束显示变了  变成≤了。

运行之后结果是:这里可以清楚的看到label的右边紧紧挨着边了。

3.但是有时候数据可能为空,一旦为空label的大小就被挤没有了,下面的控件也凌乱了。所以为了保证就算数据没有空当也要留着占位,就找给他设置两个高度约束,一个是大于等于一个是小于等于,包裹成一个范围。 这时候要把上面width的小于等于改成equal。

就像这样 这时候运行效果 遇到大量文字和没文字的两种效果是

起到了占位的作用。即使文字没有地方还在。

关于Constraints在哪找的问题

左边的图constraints有的在label节点下有的在View节点下,究竟是什么原因决定了constraints在哪个节点下面?

是看这个约束是否依赖了别的控件,如果就是自己设置固定宽高啥的不关系到别人那就是在自己下面。如果依赖谁设置了间距,那这个约束就会放在自己和依赖的控件的最小公共父控件下。

如图  

关于手码编写autolayout约束

storyboard界面里面的托拉拽固然方便但是不能批量操作(董铂然原创),假如有类似的30个小控件,storyboard就太麻烦了,手码的话一个循环就完事了

手码创建就是所谓的那七个参数的长的像句子似得方法

之后再在相应的节点下添加约束,有添加一个和添加一组 两种方法。

[cpp] view plaincopy
  1. // 高度约束(添加到yellowView身上)
  2. NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:yellowView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0.0 constant:50];
  3. [yellowView addConstraint:heightConstraint];
  4. // 间距约束(添加到self.view身上)
  5. CGFloat margin = 20;
  6. [self.view addConstraints:@[
  7. // 左边
  8. [NSLayoutConstraint constraintWithItem:yellowView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:margin],
  9. // 右边
  10. [NSLayoutConstraint constraintWithItem:yellowView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1.0 constant: - margin],
  11. // 底部
  12. [NSLayoutConstraint constraintWithItem:yellowView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1.0 constant: - margin]
  13. ]];
  14. }

这里用到了一个核心公式,任何两个控件间的约束都可以通过这个公式算出

obj1.property1 =(obj2.property2 * multiplier)+ constant value

multiplier和constant 就是向量系数和偏移量

还有为了避免和系统生成的自动伸缩的约束不冲突 一般加上这句

系统默认这个属性是yes

关于VFL语言

Visual Format Language,翻译过来是“可视化格式语言”  是苹果公司为了简化Autolayout的编码而推出的抽象语言
相当于打出象形文字似得,而且要全在字符串里写,遇到错误比较难调,但是相对来说代码精简了不少。
然后在添加约束的时候就会用到系统提供的另外一种方法。
 NSArray *contraints = [NSLayoutConstraint constraintsWithVisualFormat:vfl options:kNilOptions metrics:metrics views:views];

VFL的详细语法 可以在官方文档中 搜 “Visual Format” 就能搜到

上面的方法中传到的两个参数metrics 和 views 是两个字典。(董铂然原创) 第一个字典metrics是用来告诉系统里面的每一个值对应哪个字母

第二个字典views是 用来告诉里面的每一个控件对应字符串里的什么

如果整个VFL语言里的所有控件你都是用原名写在里面的,那可以用宏代替

括号里可以传多个值逗号隔开

关于常用的手码约束的第三方框架

有 Masonry 和 UIView+Autolayout

框架地址是:

https://github.com/Masonry/Masonry

https://github.com/smileyborg/UIView-AutoLayout

UIView+Autolayout框架

这个相对于masonry,是个轻量级的框架易于上手,里面一共也就两个文件。也非常好用,都是用auto开头。适用于约束不经常改变的项目

事例用法:

直接设置四周的间隔距离

[self.yellowView autoPinEdgesToSuperviewEdgesWithInsets:UIEdgeInsetsMake(20, 20, 20, 20)]; //直接设置四周的间隔距离

设置三个间隔,然后再添加个高度,

[self.yellowView autoPinEdgesToSuperviewEdgesWithInsets:UIEdgeInsetsMake(20, 20, 20, 20)excludingEdge:ALEdgeTop]; // 让顶部约束无效 [self.yellowView autoSetDimension:ALDimensionHeight toSize:100]; // 自己再添加个高度约束正好四个

也可以直接设置大小

[self.yellowView autoSetDimensionsToSize:CGSizeMake(200, 200)];

总之还有很多用法,在这不一一介绍了,大概就是这个代码风格。有兴趣的可以去上面说的那个github地址上仔细查看。

Masonry框架

这个框架是重量级的里面好多文件,难于上手,但是用熟练了的话比上面那个牛X,适合于约束要经常改变的项目。
示例代码:
添加距离四个方向20的间隔约束
[cpp] view plaincopy
  1. [yellowView mas_makeConstraints:^(MASConstraintMaker *make) {
  2. // make代表yellowView
  3. // 添加约束
  4. make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(20, 20, 20, 20));
  5. }];

下面这个是更新约束,非常方便会自动识别上左下右的属性来更改。

[self.yellowView mas_updateConstraints:^(MASConstraintMaker *make) {make.left.equalTo(self.view.mas_left).offset(100);make.top.equalTo(self.view.mas_top).offset(100);make.right.equalTo(self.view.mas_right).offset(-100); make.bottom.equalTo(self.view.mas_bottom).offset(-100); }];

还有一些别的属性用法。

主要是作者设置的属性比较多这张图摘自他的github,有兴趣可以去github仔细看

关于想给约束改变添加动画。

因为约束的改变是瞬时操作和frame的概念不一样,所以把约束的代码放在动画的block里是无效的
 错!
正确做法是,把约束写在外面面,然后在动画的block中包裹 layoutifneed
 对!
转载自原文地址

转载于:https://www.cnblogs.com/Free-Thinker/p/7054088.html

iOS自动布局高级用法 纯代码约束写法相关推荐

  1. 《Python 深度学习》6.3 循环神经网络的高级用法 (代码)

    # 6.3 循环神经网络的高级用法 本节将介绍提高循环神经网络的性能和泛化能力的三种高级技巧.学完本节,你将会掌握 用 Keras 实现循环网络的大部分内容.我们将在温度预测问题中介绍这三个概念.在这 ...

  2. iOS自动布局进阶用法

    本文主要介绍几个我遇到并总结的相对高级的用法(当然啦牛人会觉得这也不算什么). 简单的storyboard中上下左右约束,固定宽高啥的用法在这里就不做赘述了. autolayout自动布局是iOS6以 ...

  3. iOS之浅谈纯代码控制UIViewController视图控制器跳转界面的几种方法

    一.最普通的视图控制器UIViewContoller 一个普通的视图控制器一般只有模态跳转的功能(ipad我不了解除外,这里只说iPhone),这个方法是所有视图控制器对象都可以用的,而实现这种功能, ...

  4. iOS UICollectionView 高级用法(长按cell移动重新排列)

    iOS9 之后 前言: 看完你可以学到哪些呢? 就是文章标题那么多, 只有那么多. . 手残效果图没弄好. @property (nonatomic, strong) UICollectionView ...

  5. iOS-使用代码约束布局(Masonry)

    一.引子 学完了可视化编程的Xib和Storyboard,LZ对它们的感受就是的就是UI控件创建直接拖拽,尺寸适配加约束,Storyboard的页面跳转逻辑清晰可见,比起代码布局节省了很多的工作量.但 ...

  6. ios 纯代码怎么适配ipad_iOS屏幕适配(纯代码)

    在iOS实际项目开发中, 我们经常要适配不同尺寸的屏幕,如iPhone4s,iPhone5/s,iPhone6/s,iPhone6Plus等. 在代码中创建一个控件如: UILabel *label ...

  7. html居右显示语言设置,iOS开发:纯代码设置UIButton文字居左或者居右显示

    UIButton这个控件使用,作为资深的iOS开发人员来说是小儿科,但是有些时候还是需要记录一下UIButton的一些其他用法,这样方便快速解决实际问题.比如UIButton的纯代码编程的时候,设置文 ...

  8. IF-ELSE语句的高级用法(简便写法)----前端工作问题整理

    IF-ELSE语句的高级用法(简便写法) if ( (A && B && C< D) ||(A && B && D>E) ) ...

  9. IOS之使用纯代码push ViewController

    IOS之使用纯代码push ViewController LJSettingController *set = [[LJSettingController alloc]init];[self.navi ...

  10. IOS基础之使用UICollectionView纯代码创建

    IOS基础之使用UICollectionView纯代码创建 资料来自2016-5-12某站. 有一定的参考意义, 涉及plist 转字典模型,UICollectionView使用纯代码加载到View里 ...

最新文章

  1. pymsql学习笔记
  2. 控制iptables的nat转发端口的实现
  3. openpyxl写入一行数据_老板让我从几百个Excel中查找数据,我用Python一分钟搞定!...
  4. android编译非静态内部类,Android 非静态内部类/匿名类引起的内存泄漏
  5. antix linux安装教程,antiX 19.1 发布,轻量级的桌面Linux发行版
  6. 大数据— Hadoop
  7. Linux设置fifo大小,linux fifo 的一个小实验 -- 缓存大小
  8. 【解决】速达服务启动失败,文件无效
  9. 【自然语言处理工具箱 LTP 】pyltp 使用教程
  10. 程序员不得不了解的硬核知识大全
  11. 适合产品经理的桌面壁纸-分类神器
  12. Elasticsearch:Apache spark 大数据集成
  13. ARM——开发工具—编译器
  14. 广东省民营企业合作交流协会会长谭铭卓一行到访
  15. 图解:什么是图?(以“图”话图)
  16. xp支持python最高版本是多少_哪些版本的Python可以在Windows XP中运行?(What versions of Python will work in Windows XP?)...
  17. 西南科技大学计算机综合大纲,西南科技大学(专业学位)计算机技术研究生考试科目和考研参考书目...
  18. Android 中 View 的手势事件处理
  19. 不带符号的阵列乘法器_阵列乘法器.ppt
  20. android的spinner字体控制

热门文章

  1. #脚本实现宠物动作行为_短视频剧情创作方法有哪些?爆款短视频的标配,只需88个脚本模板...
  2. 二进制 文件 读入_数据挖掘--SPSS?Modeler数据的读入
  3. 为什么plsql不显示tns配置_电脑为什么不定时的会卡?电脑卡和哪些硬件配置有关系呢?...
  4. linux ls -l 日期乱码,请教-关于ls-l的日期显示问题
  5. hbase启动后HMaster进程自动关闭
  6. 如何给域里的每台电脑分配一个***远程访问IP地址
  7. python笔记2-冒泡排序
  8. JFinal开发8个常见问题
  9. Android学习笔记--项目框架介绍
  10. 「陶哲軒實分析」 習題 3.4.4