简单布局
Paste_Image.png
上代码
- (void)viewDidLoad {
[super viewDidLoad];
self.title = @"Masonry练习";
__weak typeof(self) WeakSelf = self;
[self.photoImageView mas_makeConstraints:^(MASConstraintMaker *make) {
// mas_equalTo和equalTo区别：前者比后者多了类型转换操作，支持CGSize CGPoint NSNumber UIEdgeinsets。mas_equalTo是equalTo的封装，equalTo适用于基本数据类型，而mas_equaalTo适用于类似UIEdgeInsetsMake 等复杂类型，基本上它可以替换equalTo
//水平居中
make.centerX.mas_equalTo(WeakSelf.view);
//距上80
make.top.mas_equalTo(@80);
//宽 80
make.width.mas_equalTo(@80);
//高 80
make.height.mas_equalTo(@80);
}];
// 回到主线程 因为block 是异步的 切圆需要 得知图片的宽高
dispatch_async(dispatch_get_main_queue(), ^{
//圆角效果 动画效果没有切角失效
_photoImageView.layer.masksToBounds = YES;
//高的一半切成圆
_photoImageView.layer.cornerRadius = _photoImageView.frame.size.height/2;
});
[self.userNameTF mas_makeConstraints:^(MASConstraintMaker *make) {
//距 头像 30
make.top.mas_equalTo(WeakSelf.photoImageView.mas_bottom).offset(30);
make.left.mas_equalTo(30);
// 屏幕宽 - 60
make.width.mas_equalTo(selfWidth - 60);
make.height.mas_equalTo(40);
}];
[self.passwordTF mas_makeConstraints:^(MASConstraintMaker *make) {
//距上
make.top.mas_equalTo(WeakSelf.userNameTF.mas_bottom).offset(30);
make.left.mas_equalTo(30);
// 屏幕宽 - 60
make.width.mas_equalTo(selfWidth - 60);
make.height.mas_equalTo(40);
}];
[self.loginButton mas_makeConstraints:^(MASConstraintMaker *make) {
//距上
make.top.mas_equalTo(WeakSelf.passwordTF.mas_bottom).offset(30);
make.left.mas_equalTo(30);
// 屏幕宽 - 60
make.width.mas_equalTo(selfWidth - 60);
make.height.mas_equalTo(@40);
}];
[self.forgetPasswordButton mas_makeConstraints:^(MASConstraintMaker *make) {
//距上
make.top.mas_equalTo(WeakSelf.loginButton.mas_bottom).offset(20);
make.left.mas_equalTo(30);
make.width.mas_equalTo(100);
make.height.mas_equalTo(30);
}];
[self.registerButton mas_makeConstraints:^(MASConstraintMaker *make) {
//距上
make.top.mas_equalTo(WeakSelf.loginButton.mas_bottom).offset(20);
// 距离右面
make.right.mas_equalTo(-30);
make.width.mas_equalTo(70);
make.height.mas_equalTo(30);
}];
}
- (UIImageView *)photoImageView{
if (_photoImageView == nil){
_photoImageView = [[UIImageView alloc]init];
//圆角效果 动画效果没有切角失效
_photoImageView.layer.masksToBounds = YES;
//设置边框颜色
_photoImageView.layer.borderColor = [UIColor greenColor].CGColor;
//设置边框宽度
_photoImageView.layer.borderWidth = 4;
//设置边界外内容不显示
_photoImageView.clipsToBounds = YES;
_photoImageView.backgroundColor = [UIColor redColor];
[self.view addSubview:_photoImageView];
}
return _photoImageView;
}
// 用户名
- (UITextField *)userNameTF{
if (_userNameTF == nil) {
_userNameTF = [[UITextField alloc]init];
_userNameTF.placeholder = @"请输入用户名";
_userNameTF.font = [UIFont systemFontOfSize:15];
_userNameTF.textAlignment = NSTextAlignmentCenter;
_userNameTF.layer.borderWidth = 1;
[self.view addSubview:_userNameTF];
}
return _userNameTF;
}
// 密码
- (UITextField *)passwordTF{
if (_passwordTF == nil){
_passwordTF = [[UITextField alloc]init];
_passwordTF.placeholder = @"请输入密码";
_passwordTF.font = [UIFont systemFontOfSize:15];
_passwordTF.textAlignment = NSTextAlignmentCenter;
_passwordTF.layer.borderWidth = 1;
[self.view addSubview:_passwordTF];
}
return _passwordTF;
}
// 登录 button
- (UIButton *)loginButton{
if (_loginButton == nil){
_loginButton = [UIButton buttonWithType:UIButtonTypeCustom];
_loginButton.backgroundColor = [UIColor whiteColor];
_loginButton.layer.borderWidth = 1;
_loginButton.layer.borderColor = [UIColor blackColor].CGColor;
[_loginButton setTitle:@"登录" forState:UIControlStateNormal];
[_loginButton setTitleColor:[UIColor blackColor] forState:(UIControlStateNormal)];
[_loginButton addTarget:self action:@selector(loginButtonAction) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:_loginButton];
}
return _loginButton;
}
- (UIButton *)forgetPasswordButton{
if (_forgetPasswordButton == nil){
_forgetPasswordButton = [UIButton buttonWithType:UIButtonTypeCustom];
_forgetPasswordButton.backgroundColor = [UIColor whiteColor];
[_forgetPasswordButton setTitleColor:[UIColor blueColor] forState:(UIControlStateNormal)];
_forgetPasswordButton.titleLabel.font = [UIFont systemFontOfSize:13];
[_forgetPasswordButton setTitle:@"忘记密码" forState:UIControlStateNormal];
[_forgetPasswordButton addTarget:self action:@selector(forgetPasswordButtonAction) forControlEvents:UIControlEventTouchUpInside];
_forgetPasswordButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;;
[self.view addSubview:_forgetPasswordButton];
}
return _forgetPasswordButton;
}
- (UIButton *)registerButton{
if (_registerButton == nil){
_registerButton = [UIButton buttonWithType:UIButtonTypeCustom];
_registerButton.backgroundColor = [UIColor whiteColor];
[_registerButton setTitleColor:[UIColor blueColor] forState:(UIControlStateNormal)];
_registerButton.titleLabel.font = [UIFont systemFontOfSize:13];
_registerButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;;
[_registerButton setTitle:@"注册" forState:UIControlStateNormal];
[_registerButton addTarget:self action:@selector(registerButtonAction) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:_registerButton];
}
return _registerButton;
}
//@property (nonatomic,strong)UIButton *registerButton;
//登录点击事件
- (void)loginButtonAction{
}
//忘记密码点击事件
- (void)forgetPasswordButtonAction{
}
// 注册点击事件
- (void)registerButtonAction{
}