Autolayout浅析进阶

Autolayout概念

Autolayout浅析进阶_第1张图片

Autolayout的警告和错误

Autolayout浅析进阶_第2张图片

自动布局的核心公式

Autolayout浅析进阶_第3张图片

代码实现Autolayout

Autolayout浅析进阶_第4张图片

NSLayoutConstraint

Autolayout浅析进阶_第5张图片

添加约束的规则

Autolayout浅析进阶_第6张图片

Autolayout浅析进阶_第7张图片

Autolayout浅析进阶_第8张图片

VFL语言

Autolayout浅析进阶_第9张图片

基于Autolayout的动画

Autolayout浅析进阶_第10张图片

Masonry

Autolayout浅析进阶_第11张图片

Autolayout浅析进阶_第12张图片

Autolayout浅析进阶_第13张图片

Autolayout浅析进阶_第14张图片

autoresizing

  • 6根线的含义
    /**
     UIViewAutoresizingFlexibleLeftMargin 距离父控件的左边是可以伸缩的
     UIViewAutoresizingFlexibleBottomMargin 距离父控件的底部是可以伸缩的
     UIViewAutoresizingFlexibleRightMargin 距离父控件的右边是可以伸缩的
     UIViewAutoresizingFlexibleTopMargin 距离父控件的顶部是可以伸缩的
     UIViewAutoresizingFlexibleHeight 高度跟随父控件的高度进行伸缩
     UIViewAutoresizingFlexibleWidth 宽度跟随父控件的宽度进行伸缩
     */

Autolayout

  • 约束
    • 确定控件的(x,y,w,h)
  • 参照
    • 添加的约束是相对于谁来说的
  • 警告和错误
  • storyboard/xib的使用(掌握)
  • 代码的使用
    • 一个约束就是一个NSLayoutConstraint对象
    • obj1.property1 =(obj2.property2 * multiplier)+ constant value
    • 实现方式
      • VFL(了解)
      • Masonry的使用(掌握)
  • 其他知识点
    • label的包裹内容
      • 设置位置约束
      • 设置宽度约束 <= 固定值
      • 不需要设置高度约束
    • 约束的优先级
    • 修改约束
    • 约束动画
    self.redViewWLc.constant = 50;

    [UIView animateWithDuration:2.0 animations:^{
        // 强制刷新
        [self.view layoutIfNeeded];
    }];

你可能感兴趣的:(Autolayout浅析进阶)