iOS-原生纯代码约束总结(一)之 AutoresizingMask

时间:2022-01-29 16:52:40

一,概述

iOS有两大自动布局利器:autoresizing 和 autolayout(autolayout是IOS6以后新增)。autoresizing是UIView的属性,一直存在,使用也比较简单,但是没有autolayout那样强大。如果你的界面比较简单,要求的细节没有那么高,那么你完全可以使用autoresizing去进行自动布局。  autoresizing是iOS开发中传统的布局模式。通过它可以设计控件与其父视图的变换关系。通过它,当父视图frame变换时,子视图会自动的做出相应的调整。

     @property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone

二,属性说明及使用

  (1) 属性说明

typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {

UIViewAutoresizingNone = 0, //不会随父视图的改变而改变
UIViewAutoresizingFlexibleLeftMargin = 1 << 0, //自动调整view与父视图左边距,以保证右边距不变
UIViewAutoresizingFlexibleWidth = 1 << 1, //自动调整view的宽度,保证左边距和右边距不变
UIViewAutoresizingFlexibleRightMargin = 1 << 2, //自动调整view与父视图右边距,以保证左边距不变
UIViewAutoresizingFlexibleTopMargin = 1 << 3, //自动调整view与父视图上边距,以保证下边距不变
UIViewAutoresizingFlexibleHeight = 1 << 4, //自动调整view的高度,以保证上边距和下边距不变
UIViewAutoresizingFlexibleBottomMargin = 1 << 5, //自动调整view与父视图的下边距,以保证上边距不变

}

注意:在这里说明一下,如果是经常使用Storyboard/Xib设置autoresizing,那么转变使用代码设置autoresizing的话,容易出现理解错误问题。比如说UIViewAutoresizingFlexibleTopMargin,也许会被误认为是顶部距离不变,其实是底部距离不变。这个解决办法也很简单,只需要把使用代码和使用Storyboard设置autoresizing,它们是相反的,只需要这样去记就可以了。

(2)autoresizing组合使用

也就是枚举中的值可以使用|隔开,同时拥有多个值的功能,可以针对不同的场景作不同的变化。例如:

  UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin

意思是:view的宽度按照父视图的宽度比例进行缩放,距离父视图顶部距离不变。

(3)其它
          想要让自定义控件在转屏后,同样居中对齐,只需设置该自定义UIView与父视图的左边距和右边距的比例不变,上边距和下边距的比例不变。

      在自定义控件中添加以下代码:
self.autoresizingMask = UIViewAutoresizingFlexibleBottomMargin UIViewAutoresizingFlexibleLeftMargin   | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleTopMargin;

三,nib文件中可视化设置自动布局

在storyboard中我们可以更加轻松的进行autoresizing自动布局。在view设置栏中有autoresizing这个设置,点中相应的箭头,就是刚才我们探讨的设置选项。并且我们把鼠标放在这个上面的时候,右侧会自动为我们预览效果。

autoresizing可以满足大部分简单的自动布局需求,可是它有一个致命的缺陷它只能设置子视图相对于父视图的变化,却不能精确这个变化的度是多少,因此对于复杂的精准的布局需求,它就力不从心了。但iOS6之后的autolayout自动布局方案,可以解决复杂的布局。