Masonry
2015-07-03 本文已影响452人
RuiL
主要属性
@property (nonatomic, strong, readonly) MASConstraint *left;//左侧
@property (nonatomic, strong, readonly) MASConstraint *top;//上侧
@property (nonatomic, strong, readonly) MASConstraint *right;//右侧
@property (nonatomic, strong, readonly) MASConstraint *bottom;//下侧
@property (nonatomic, strong, readonly) MASConstraint *leading;//首部
@property (nonatomic, strong, readonly) MASConstraint *trailing;//尾部
@property (nonatomic, strong, readonly) MASConstraint *width;//宽
@property (nonatomic, strong, readonly) MASConstraint *height;//高
@property (nonatomic, strong, readonly) MASConstraint *centerX;//横向中点
@property (nonatomic, strong, readonly) MASConstraint *centerY;//纵向中点
@property (nonatomic, strong, readonly) MASConstraint *baseline;//文本基线
术语解释
- 必须先将视图添加至父视图(
[fatherView addSubview:View]
),才能进行设置。 - 在Masonry中,and,with都没有具体操作,仅仅是为了提高程序的可读性。
make.left.and.top.mas_equalTo(20);
等价于
make.left.top.mas_equalTo(20);
- 设置距离数值时,正数为向右的距离,负数为向左相距的距离。
- 如果约束条件是数值或者结构体等类型,可以使用mas_equalTo进行包装。
一般将数值类型的约束用mas_equalTo,而相对于某个控件,或者某个控件的某个约束,使用equalTo,如:
make.size.mas_equalTo(CGSizeMake(100, 100));
make.center.equalTo(weakSelf.view);
约束函数
添加大小约束(大小为100 *100)
make.size.mas_equalTo(CGSizeMake(100, 100));
居中约束
make.center.equalTo(weakSelf.view);
与左边界约束(本视图左侧与父视图边界相切为0)
make.left.equalTo(self.view).offset(0);
与其他控件宽度约束(本视图的宽度与其余两个视图宽度相等)
make.width.equalTo(@[topView,bottomView]);
设置两个控件之间的距离(顶部与上一个视图底部相距150)
make.top.mas_equalTo(topView.mas_bottom).offset(150);
与左、下均相切
make.left.bottom.equalTo(self.view).offset(0);
设置宽和高的约束(均为150)
make.width.height.mas_equalTo(150);
设置两个控件关联(该控件与目标控件高度一致【纵坐标相等】)
make.centerY.mas_equalTo(imageView1);