ios VFL屏幕自适应

 1 -(void)fun1{
  2     //注意使用VFL,不用设置视图的frame
  3     UIView *view = [[UIView alloc] init];
  4     view.backgroundColor = [UIColor brownColor];
  5     [self.view addSubview:view];
  6     
  7     view.translatesAutoresizingMaskIntoConstraints = NO;//注意,要想使约束条件起作用,必须将此属性设置为no
  8     
  9     /*
 10      VFL相关的标识符
 11      H:代表水平方向
 12      V:代表垂直方向
 13      |代表父视图
 14      - 代表距离 例(H:|-20-)表示距离父视图左侧20像素
 15      []代表子视图相关属性
 16      */
 17     
 18     //对子视图View进行约束设置,format表示要设置的约束语句,在本句中意思为:view距离父视图左侧30像素,距离父视图右侧20像素(如果没设置具体的数字,且写了-)
 19     //options代表对其方式,默认写0就行
 20     //metrics 这里是一个字典,当在format中使用了动态数据比如上现这句:@"H:|-[button(==width)]-|",表示这个button的宽度为width,那么这个参数去哪里找呢?就是在这个字典里面找到key对应的值,如果没有找到这个值,app会crash
 21     //views 代表约束条件中所涉及的所有视图(父视图除外)
 22     NSArray *arr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-30-[view]-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 23 /*这里用到了一个系统宏定义,NSDictionaryOfVariableBindings(),其作用是生成一个词典,key的名字和对象的标识符相同,以上述为例,生成的词典形式就是{"self.view":self.view,@"_view3":_view3,...},这个词典应当包含需要自动布局的父视图和所有的子视图,
 24 */
 25     NSArray *arr1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[view]-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 26     
 27     [self.view addConstraints:arr];
 28     [self.view addConstraints:arr1];
 29 
 30 }
 31 
 32 -(void)fun2{
 33     UIView *view = [[UIView alloc] init];
 34     view.backgroundColor = [UIColor grayColor];
 35     [self.view addSubview:view];
 36     
 37     view.translatesAutoresizingMaskIntoConstraints =  NO;
 38     //[view(>=200)]  表示给view设置尺寸,此时小括号里的关系运算符只能是 == <= >=,注意,改尺寸的值不要与约束冲突,==:约束可以不写,简写成H:[view(==200)]    >=:当左右距离只设置了一个或者都未设置,视图的尺寸为最小值,如果两个都设置时,view 的尺寸为屏幕宽度减去左右距离,此时要保证减后的值>=尺寸最小值
 39     
 40     NSArray *arr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[view(>=200)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 41     
 42      NSArray *arr1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[view(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 43     [self.view addConstraints:arr1];
 44     [self.view addConstraints:arr];
 45     
 46 }
 47 
 48 -(void)fun3{
 49     UIView *view = [[UIView alloc] init];
 50     view.backgroundColor = [UIColor grayColor];
 51     [self.view addSubview:view];
 52     
 53     view.translatesAutoresizingMaskIntoConstraints =  NO;
 54     
 55     CGFloat width = 200;
 56     
 57     //当我们在设置约束条件时,距离父视图上下左右的像素值以及view的尺寸不是固定的数字(用某个字符串代替),这时我们需要给metrics设置一个字典,该字典的key必须是约束语句中使用的字符串,对应的value可以自行设置
 58     NSArray *arr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-left-[view(==width)]" options:0 metrics:@{@"width":[NSNumber numberWithFloat:width],@"left":@30} views:NSDictionaryOfVariableBindings(view)];
 59     
 60     NSArray *arr1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[view(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 61     [self.view addConstraints:arr1];
 62     [self.view addConstraints:arr];
 63     
 64 }
 65 
 66 -(void)fun4{
 67     UIView *view = [[UIView alloc] init];
 68     view.backgroundColor = [UIColor grayColor];
 69     [self.view addSubview:view];
 70     
 71     view.translatesAutoresizingMaskIntoConstraints =  NO;
 72     
 73     CGFloat width = 200;
 74     
 75     //当我们在设置约束条件时,距离父视图上下左右的像素值以及view的尺寸不是固定的数字(用某个字符串代替),这时我们需要给metrics设置一个字典,该字典的key必须是约束语句中使用的字符串,对应的value可以自行设置
 76     NSArray *arr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-left-[view(==width)]" options:0 metrics:@{@"width":[NSNumber numberWithFloat:width],@"left":@30} views:NSDictionaryOfVariableBindings(view)];
 77     
 78     NSArray *arr1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[view(==100)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view)];
 79     [self.view addConstraints:arr1];
 80     [self.view addConstraints:arr];
 81     
 82     
 83     UIView *view1 = [[UIView alloc] init];
 84     view1.backgroundColor = [UIColor purpleColor];
 85     [self.view addSubview:view1];
 86     
 87     view1.translatesAutoresizingMaskIntoConstraints = NO;
 88     
 89     //[view1(view)] 代表view1和view某个方向尺寸相同
 90     NSArray *arr2 = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[view1(view)]-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view1,view)];
 91     
 92     //V:[view]-[view1]-20-|:子视图view1垂直方向距离平级子视图view 8像素(默认)
 93     NSArray *arr3 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[view]-[view1]-20-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(view,view1)];
 94     [self.view addConstraints:arr2];
 95     [self.view addConstraints:arr3];
 96     
 97     
 98 }
 99 
100 //用VFL实现label自适应
101 -(void)fun5{
102     UILabel *label = [[UILabel alloc] init];
103     label.backgroundColor = [UIColor grayColor];
104     label.numberOfLines = 0;
105     label.lineBreakMode = NSLineBreakByCharWrapping;
106     label.text = @"hiwehfdiuwehdiowqhdoiwehjdoiuwehdiouwhediuwheioudhewiuodhwehoihiuhiuhiuhiluhiuhiuhiuhihuhuuhhuh";
107     [self.view addSubview:label];
108     label.translatesAutoresizingMaskIntoConstraints = NO;
109     
110     NSArray *arr = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[label]-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(label)];
111     
112     NSArray *arr1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[label]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(label)];
113     
114     [self.view addConstraints:arr];
115     [self.view addConstraints:arr1];
116 }

posted on 2015-12-16 18:27  我是神经一把刀  阅读(204)  评论(0编辑  收藏  举报

导航