美文网首页
UI基础8 Autolayout

UI基础8 Autolayout

作者: SoManyDumb | 来源:发表于2016-07-25 01:08 被阅读6次

    使用代码实现Autolayout的方法1

    • 创建约束
    +(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 :常量
    
    • 添加约束
    - (void)addConstraint:(NSLayoutConstraint *)constraint;
    - (void)addConstraints:(NSArray *)constraints;
    
    • 注意
      • 一定要在拥有父控件之后再添加约束
      • 关闭Autoresizing功能
      view.translatesAutoresizingMaskIntoConstraints = NO;
      

    使用代码实现Autolayout的方法2 - VFL

    • 使用VFL创建约束数组
    + (NSArray *)constraintsWithVisualFormat:(NSString *)format
    options:(NSLayoutFormatOptions)opts
    metrics:(NSDictionary *)metrics
    views:(NSDictionary *)views;
    * format :VFL语句
    * opts :约束类型
    * metrics :VFL语句中用到的具体数值
    * views :VFL语句中用到的控件
    
    • 使用下面的宏来自动生成views和metrics参数
    NSDictionaryOfVariableBindings(...)
    

    使用代码实现Autolayout的方法3 - Masonry

    • 使用步骤
      • 添加Masonry文件夹的所有源代码到项目中
      • 添加2个宏、导入主头文件
      // 只要添加了这个宏,就不用带mas_前缀
      #define MAS_SHORTHAND
      

    // 只要添加了这个宏,equalTo就等价于mas_equalTo

    define MAS_SHORTHAND_GLOBALS

    // 这个头文件一定要放在上面两个宏的后面

    import "Masonry.h"

    ```
    
    • 添加约束的方法
    // 这个方法只会添加新的约束
     [view makeConstraints:^(MASConstraintMaker *make) {
    
     }];
    
    // 这个方法会将以前的所有约束删掉,添加新的约束
     [view remakeConstraints:^(MASConstraintMaker *make) {
    
     }];
    
     // 这个方法将会覆盖以前的某些特定的约束
     [view updateConstraints:^(MASConstraintMaker *make) {
    
     }];
    
    • 约束的类型
    1.尺寸:width\height\size
    2.边界:left\leading\right\trailing\top\bottom
    3.中心点:center\centerX\centerY
    4.边界:edges
    

    相关文章

      网友评论

          本文标题:UI基础8 Autolayout

          本文链接:https://www.haomeiwen.com/subject/xqsgjttx.html