Autolayout屏幕适配——代码实现（苹果公司 / VFL语言 / 第三方框架Masonry）

 1 - (void)demo1
 2 {
 3     // 1.创建一个红色View, 并且添加到父控件
 4     UIView *redVeiw = [[UIView alloc] init];
 5     redVeiw.backgroundColor = [UIColor redColor];
 6     [self.view addSubview:redVeiw];
 7     
 8     // 2.禁止红色View的Autgoresizing
 9     redVeiw.translatesAutoresizingMaskIntoConstraints = NO;
10     
11     // 3.利用VFL添加约束
12     /*
13      VisualFormat: VFL语句
14      options: 对齐方式等
15      metrics: VFL语句中使用到的一些变量
16      views: VFL语句中使用到的一些控件
17      */
18     NSArray *hCos = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-margin-[xxxVeiw(==width)]" options:kNilOptions metrics:@{@"margin": @(20), @"width":@(100)} views:@{@"xxxVeiw": redVeiw}];
19     [self.view addConstraints:hCos];
20     
21     NSArray *vCos = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[xxxVeiw(==100)]" options:kNilOptions metrics:nil views:@{@"xxxVeiw": redVeiw}];
22     [self.view addConstraints:vCos];
23 }

  1 #import "ViewController.h"
  2 
  3 //define this constant if you want to use Masonry without the ‘mas_‘ prefix
  4 #define MAS_SHORTHAND 
  5 // 只要添加这个宏, 就可以去掉Masonry框架中对象访问对象属性前面的mas_属性, 和方法前的mas_前缀
  6 
  7 // 例如添加前的写法
  8 /*
  9  make.left.equalTo(self.view.mas_left).with.offset(20);
 10  */
 11 // 例如添加后的写法
 12 /*
 13  make.left.equalTo(self.view.left).with.offset(20);
 14  */
 15 
 16 
 17 //define this constant if you want to enable auto-boxing for default syntax
 18 #define MAS_SHORTHAND_GLOBALS
 19 // 只要添加上这个宏, 给equalTo传递参数的时候, 就可以直接传递基本数据类型 ,系统会自动包装
 20 // 如果没有添加上面这个宏, 那么给equalTo传递参数的时候, 必须传递对象
 21 // 如果要传递基本数据类型必须使用mas_equalTo
 22 
 23 
 24 // 只需要在导入Masonry.h之前, 添加上一上两个宏, 就可以简化代码
 25 #import "Masonry.h"
 26 
 27 @interface ViewController ()
 28 
 29 @property(nonatomic, weak)UIView *blueVeiw;
 30 @end
 31 
 32 @implementation ViewController
 33 
 34 
 35 
 36 - (void)viewDidLoad {
 37     [super viewDidLoad];
 38     // Do any additional setup after loading the view, typically from a nib.
 39     
 40     /**
 41      1. 实现红色view是蓝色宽度一半。。。。,如上案例二
 42      */
 43     
 44     // 1.创建两个View, 并且添加到父控件
 45     UIView *blueVeiw = [[UIView alloc] init];
 46     blueVeiw.backgroundColor = [UIColor blueColor];
 47     [self.view addSubview:blueVeiw];
 48     self.blueVeiw = blueVeiw;
 49     
 50     UIView *redVeiw = [[UIView alloc] init];
 51     redVeiw.backgroundColor = [UIColor redColor];
 52     [self.view addSubview:redVeiw];
 53     
 54     // 2.禁止红色View的Autgoresizing
 55     blueVeiw.translatesAutoresizingMaskIntoConstraints = NO;
 56     redVeiw.translatesAutoresizingMaskIntoConstraints = NO;
 57     
 58     // 3.添加蓝色的约束
 59     [blueVeiw makeConstraints:^(MASConstraintMaker *make) {
 60         make.left.equalTo(self.view.left).offset(20);
 61         make.right.equalTo(self.view.right).offset(-20);
 62         make.top.equalTo(self.view.top).offset(20);
 63         make.height.equalTo(50);
 64     }];
 65     
 66     // 4.添加红色的约束
 67     [redVeiw makeConstraints:^(MASConstraintMaker *make) {
 68         make.top.equalTo(blueVeiw.bottom).offset(20);
 69         make.height.equalTo(blueVeiw.height);
 70         make.right.equalTo(blueVeiw.right);
 71         make.width.equalTo(blueVeiw.width).multipliedBy(0.5);
 72     }];
 73 
 74 //    注意: 在Storyboard中约束是可以重复添加的, 通过Masonry添加约束也是可以重复的, 要注意重复添加导致的错误和冲突
 75     
 76 }
 77 
 78 - (void)touchesBegan:(nonnull NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event
 79 {
 80     /*
 81     // 使用makeConstraints, 每次都会添加新的约束, 也就是会导致重复添加
 82 //    [self.blueVeiw makeConstraints:^(MASConstraintMaker *make) {
 83 //        make.height.equalTo(100);
 84 //    }];
 85     
 86     // 要更新约束使用updateConstraints
 87     // updateConstraints特点: 如果没有设置过, 就添加一个新的
 88     // 如果已经设置过了, 就更新以前设置的那一个
 89     [self.blueVeiw updateConstraints:^(MASConstraintMaker *make) {
 90         make.height.equalTo(100);
 91     }];
 92      */
 93     
 94     // 清空约束 remakeConstraints
 95     [self.blueVeiw remakeConstraints:^(MASConstraintMaker *make) {
 96         
 97     }];
 98 }
 99 
100 - (void)demo
101 {
102     // 1.创建一个控件
103     UIView *redVeiw = [[UIView alloc] init];
104     redVeiw.backgroundColor = [UIColor redColor];
105     [self.view addSubview:redVeiw];
106     
107     // 2.禁止红色View的Autgoresizing
108     redVeiw.translatesAutoresizingMaskIntoConstraints = NO;
109     
110     // 3.利用Masonry添加约束
111     /*
112      [redVeiw mas_makeConstraints:^(MASConstraintMaker *make) {
113      
114      make.left.equalTo(self.view.mas_left).offset(20);
115      make.top.equalTo(self.view.mas_top).offset(20);
116      make.bottom.equalTo(self.view.mas_bottom).offset(-20);
117      make.right.equalTo(self.view.mas_right).offset(-20);
118      }];
119      */
120     
121     /*
122      [redVeiw mas_makeConstraints:^(MASConstraintMaker *make) {
123      
124      make.left.equalTo(self.view).offset(20);
125      make.top.equalTo(self.view).offset(20);
126      make.bottom.equalTo(self.view).offset(-20);
127      make.right.equalTo(self.view).offset(-20);
128      }];
129      */
130     
131     /*
132      [redVeiw mas_makeConstraints:^(MASConstraintMaker *make) {
133      
134      make.left.offset(20);
135      make.top.offset(20);
136      make.bottom.offset(-20);
137      make.right.offset(-20);
138      }];
139      */
140     
141     /*
142      [redVeiw mas_makeConstraints:^(MASConstraintMaker *make) {
143      make.edges.insets(UIEdgeInsetsMake(20, 20, 20, 20));
144      }];
145      */
146     
147     /*
148      [redVeiw mas_makeConstraints:^(MASConstraintMaker *make) {
149      
150      // 注意: 在masonry中with和and这两个单词是为了提高阅读性而存在的, 没有意义
151 //        make.left.equalTo(self.view.mas_left).with.offset(20);
152 //        make.top.equalTo(self.view.mas_top).with.offset(20);
153 //        make.bottom.equalTo(self.view.mas_bottom).with.offset(-20);
154 //        make.right.equalTo(self.view.mas_right).with.offset(-20);
155      
156      // 要想这样使用必须加上:#define MAS_SHORTHAND
157      // 否则只能使用 mas_left
158      make.left.equalTo(self.view.left).with.offset(20);
159      make.top.equalTo(self.view.top).with.offset(20);
160 //        make.width.equalTo(@(100));
161      
162      // 要想这样使用必须加上:#define MAS_SHORTHAND_GLOBALS
163      make.height.equalTo(100);
164 //        make.width.and.height.equalTo(@(100)); // 只能接收对象
165      // mas_equalTo本质还是接收对象, 还是调用equalTo
166 //        make.width.and.height.mas_equalTo(100); // 可以接收基本数据类型
167      
168      }];
169      */
170 }
171 
172 
173 @end