iOS8 UIView之autoresizingMask 的使用

  • UIView的autoresizingMask属性 是用来适应父视图的变化（根据父视图的变化进而调整自身Frame属性）。
@property(nonatomic) BOOL autoresizesSubviews; // default is YES. if set, subviews are adjusted according to their autoresizingMask if self.bounds changes
@property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone

UIView 的属性autoresizesSubviews 默认设置是YES，如果设置为YES，当视图的bounds变化的时候，子视图将根据自身的autoresizingMask属性调节Frame属性。

  • autoresizingMask有以下属性（默认值为UIViewAutoresizingNone）：
typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {
    UIViewAutoresizingNone                 = 0,
    UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,
    UIViewAutoresizingFlexibleWidth        = 1 << 1,
    UIViewAutoresizingFlexibleRightMargin  = 1 << 2,
    UIViewAutoresizingFlexibleTopMargin    = 1 << 3,
    UIViewAutoresizingFlexibleHeight       = 1 << 4,
    UIViewAutoresizingFlexibleBottomMargin = 1 << 5
};

  •  例子
 1 #import "TestViewController.h"
 2 @interface TestViewController()
 3 @property (nonatomic,weak) UIView * superView;
 4 @end
 5 
 6 @implementation TestViewController
 7 -(void)loadView
 8 {
 9     [super loadView];
10     UIView * superView = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 100, 200)];
11     superView.backgroundColor = [UIColor redColor];
12     [self.view addSubview:superView];
13     self.view.backgroundColor = [UIColor whiteColor];
14     _superView = superView;
15     UIView * subView = [[UIView alloc] initWithFrame:CGRectMake(0, 20, 50, 40)];
16     superView.autoresizesSubviews = YES;
17     
18 //  1、设置subView随superView的bounds变化，上、下、左、右边距和宽高都随superView的变化而变化
19     subView.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleBottomMargin|UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleRightMargin|UIViewAutoresizingFlexibleWidth;
20 //  2、设置subView随superView的bounds变化，上、下、高都随superView的变化而变化，而左右边距和宽度不变
21     subView.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleBottomMargin;
22 //  3、设置subView随superView的bounds变化，上边距和高都随superView的变化而变化，而下、左、右边距和宽度不变
23     subView.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleHeight;
24 //  4、单一属性一般不做此类设置（没看出到底什么效果）
25 //    subView.autoresizingMask = UIViewAutoresizingFlexibleTopMargin;
26 //  5、设置subView随superView的bounds变化，下边距和高都随superView的变化而变化，而上、左、右边距和宽度不变
27     subView.autoresizingMask = UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleBottomMargin;
28 //  6、设置subView随superView的bounds变化，左边距和宽都随superView的变化而变化，而上、下、右边距和高度不变
29     subView.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleLeftMargin;
30 //  7、设置subView随superView的bounds变化，右边距和宽都随superView的变化而变化，而上、下、左边距和高度不变
31     subView.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleRightMargin;
32 //  8、设置subView随superView的bounds变化，左、右边距和宽都随superView的变化而变化，而上、下边距和高度不变
33     subView.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleRightMargin|UIViewAutoresizingFlexibleLeftMargin;
34 
35     
36     subView.backgroundColor = [UIColor blackColor];
37     [superView addSubview:subView];
38     
39     UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(100, 400,100,100)];
40     [btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
41     [btn setTitle:@"点我" forState:UIControlStateNormal];
42     [btn setBackgroundColor:[UIColor grayColor]];
43     
44     [self.view addSubview:btn];
45 }
46 
47 -(void)click:(id)sender
48 {
49     _superView.frame = CGRectMake(50, 50, 200, 200);
50 }
51 @end

 

  • 这里挑2个参数来说明以下吧。
  • 第19行代码的设置subView随superView的bounds变化，上、下、左、右边距和宽高都随superView的变化而变化

　　　　superView开始的frame为(20, 20, 100, 200)点击按钮设置为(50, 50, 200, 200)

　　　　subView的frame为(0, 20, 50, 40)

　　　　subView开始距离superView上边距为20

　　　　subView开始距离superView左边距为0

　　　　subView开始距离superView下边距为140

　　　　subView开始距离superView右边距为50

　　　　

　　　　调整后superView的frame为(50, 50, 200, 200)后，subView跟随变化。

　　　　superView和之前frame相比，高度无变化，那么subView相对于superView在上下边距和高度上自然就没有相应的变化。

　　　　而宽度从100变为200，变大了一倍，那么相应的subView相对于superView在左右边距和宽度上也要增加一倍。

　　　　subView距离superView上边距依旧为20*1

　　　　subView距离superView左边距为0*2

　　　　subView距离superView下边距为140*1

　　　　subView距离superView右边距为50*2

　　　　subView的高度为40*1

　　　　subView的宽度为50*2

  •  第29行代码设置subView随superView的bounds变化，左边距和宽都随superView的变化而变化，而上、下、右边距和高度不变

 　　　  superView开始的frame为(20, 20, 100, 200)点击按钮设置为(50, 50, 200, 200)

　　　　subView的frame为(0, 20, 50, 40)

　　　　subView开始距离superView上边距为20

　　　　subView开始距离superView左边距为0

　　　　subView开始距离superView下边距为140

　　　　subView开始距离superView右边距为50

　　　　

　　　　调整后superView的frame为(50, 50, 200, 200)后，subView跟随变化。

 　　　 superView和之前frame相比，高度无变化，那么subView相对于superView在上下边距和高度上自然就没有相应的变化。

　　　　而宽度从100变为200，变大了一倍，且subView和superView的右边距要保持不变左边距和宽度就需要重新计算。

　　　　那么从100变为200的实际变化其实就要忽略原有的右边距（其实可以这样去理解，不跟随变化的属性在计算过程中直接减掉对应值在计算变化的倍数）那么就应该是从（100-50）-（200-50）=1/3那么右边距和宽度都应该是之前变化的3倍数。

　　　　*（100-50）原来宽度减去固定的距右边距；（200-50）变化后宽度减去固定的距右边距。

　　　　subView距离superView上边距依旧为20*1

　　　　subView距离superView左边距为0*3

　　　　subView距离superView下边距为140*1

　　　　subView距离superView右边距为50*1

　　　　subView的高度为40*1

　　　　subView的宽度为50*3

 

以上为本人对autoresizingMask属性的理解，如果有错误或者不足的地方欢迎指出。（也可加本人QQ627306590交流，望多多指教。）

 

 

 

 

 

 

　　　　

 

posted on 2015-06-11 22:30  Zerone-  阅读(198)  评论(0)  编辑  收藏  举报

导航