【Masonry】使用技巧 - 篇一

从别人项目得到的灵感 : 请看以下代码

 UIColor *darkColor = [UIColor colorWithHexString:@"0x28303b"];
　　　　// 1. 确定宽高
     CGFloat buttonWidth = kScreen_Width * 0.4;
     CGFloat buttonHeight = kScaleFrom_iPhone5_Desgin();     

　　　　// 2. 设置按钮基本属性
     self.registerBtn = ({
         UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
         [button addTarget:self action:@selector(registerBtnClicked) forControlEvents:UIControlEventTouchUpInside];

         button.backgroundColor = darkColor;
         button.titleLabel.font = [UIFont boldSystemFontOfSize:];
         [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
         [button setTitle:@"注册" forState:UIControlStateNormal];

         button.layer.masksToBounds = YES;
         button.layer.cornerRadius = buttonHeight/;
         button;
     });
     self.loginBtn = ({
         UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
         [button addTarget:self action:@selector(loginBtnClicked) forControlEvents:UIControlEventTouchUpInside];

         button.backgroundColor = [UIColor clearColor];
         button.titleLabel.font = [UIFont boldSystemFontOfSize:];
         [button setTitleColor:darkColor forState:UIControlStateNormal];
         [button setTitle:@"登录" forState:UIControlStateNormal];

         button.layer.masksToBounds = YES;
         button.layer.cornerRadius = buttonHeight/;
         button.layer.borderWidth = 1.0;
         button.layer.borderColor = darkColor.CGColor;
         button;
     });
     
　　　　// 3.添加控件
     [self.view addSubview:self.registerBtn];
     [self.view addSubview:self.loginBtn];
     
　　　　// 4.设置约束
     [self.registerBtn mas_makeConstraints:^(MASConstraintMaker *make) {
         make.size.mas_equalTo(CGSizeMake(buttonWidth, buttonHeight));
         make.right.equalTo(self.view.mas_centerX).offset(-paddingToCenter);
         make.bottom.equalTo(self.view).offset(-paddingToBottom);
     }];
     [self.loginBtn mas_makeConstraints:^(MASConstraintMaker *make) {
         make.size.mas_equalTo(CGSizeMake(buttonWidth, buttonHeight));
         make.left.equalTo(self.view.mas_centerX).offset(paddingToCenter);
         make.bottom.equalTo(self.view).offset(-paddingToBottom);
     }];

四部曲,一气呵成, 语义也非常清晰.

接下来可以详细看看Masonry框架的用法.

总的来说，我觉得Autolayout的关键就是“Constraint（约束）”。其实就是以下两点：

1. 从显式设置frame的属性，到利用约束控制View的大小、位置。
2. 思考如何布局时，重点从单个的View，到整体所有View之间的相互关系。

既然没有了具体设置View的frame属性，也就是说，系统会在运行时，通过我们设定的“约束”，计算出每个View的frame，再去绘制屏幕内容。

也就是说，我们设置的Constraint，要能体现出View的位置（x、y坐标）、大小（宽高）。

所以千言万语就是一句话 , 想想你的UI是怎样设定Frame的

解释一些句子 :