IOS自动布局之Autoresizing
当UIView的autoresizesSubviews是YES时,(默认是YES), 那么在其中的子view会根据它自身的autoresizingMask属性来自动适应其与superView之间的位置和大小。
autoresizingMask是一个枚举类型, 默认是UIViewAutoresizingNone, 也就是不会autoresize:
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 << n 这样的写法来定义,代表了它可以复选。如果你不明白为什么,可以复习下“位运算”。 那么这些值分别代表什么意思呢?
其实如何理解这几个值很简单,那就是从xib里面看。 我们在一个xib文件中,取消勾选autolayout,(默认使用autolayout时,autoresizing看不到)。那么我们可以在布局那一栏看到如何设置autoresizing.

上图说明了在xib中设置的这些线条和实际属性对应的关系,这其中需要注意的是,其中4个margin虚线才代表设置了该值,而width和height是实线代表设置了该值,不能想当然的理解。
这些项分别代表:
- UIViewAutoresizingNone view的frame不会随superview的改变而改变
- UIViewAutoresizingFlexibleLeftMargin 自动调整view与superview左边的距离保证右边距离不变
- UIViewAutoresizingFlexibleWidth 自动调整view的宽,保证与superView的左右边距不变
- UIViewAutoresizingFlexibleRightMargin 自动调整view与superview右边的距离保证左边距不变
- UIViewAutoresizingFlexibleTopMargin 自动调整view与superview顶部的距离保证底部距离不变
- UIViewAutoresizingFlexibleHeight 自动调整view的高,保证与superView的顶部和底部距离不变
- UIViewAutoresizingFlexibleBottomMargin 自动调整view与superview底部部的距离保证顶部距离不变
以上这些都较易理解, 但是autoresizing还有一些组合场景。那就是组合使用的场景。
| autoresizingMask | 说明 | xib预览效果 |
|---|---|---|
| None | view的frame不会随superview的改变而改变(右图的xib中预览效果与实际效果有差,实际效果是view的上边距不变) | ![]() |
| TopMargin | BottomMargin | view与其superView的上边距和下边距的比例维持不变 | ![]() |
| LeftMargin | RightMargin | view与其superView的左边距和右边距的比例维持不变(右图的xib中预览效果与实际效果有差,实际效果是view的上边距不变) | ![]() |
| LeftMargin | RightMargin | TopMargin | BottomMargin | view与其superView的上下左右边距的比例维持不变 | ![]() |
| LeftMargin | Width | view与其superView的右边距的比例维持不变, 左边距和width按比例调整(右图的xib中预览效果与实际效果有差,实际效果是view的上边距不变) | ![]() |
| LeftMargin | Width | RightMargin | 左边距、右边距、宽按比例调整,(右图的xib中预览效果与实际效果有差,实际效果是view的上边距不变) | ![]() |
| Width | Height | 自动调整view的宽和高,保证上下左右边距不变。 | ![]() |
来源:http://blog.cnbluebox.com/blog/2014/09/09/appkai-fa-zhe-xu-yao-wei-iphone6zuo-chu-gai-bian/








浙公网安备 33010602011771号