iOS布局-autoresizingMask
Code&Ocean 2020-04-17 14:56:58 2236 收藏
分类专栏： # UI控件 文章标签： autoresizing iOS 布局
版权
UI控件
专栏收录该内容
30 篇文章0 订阅
订阅专栏
iOS布局-AutoresizingMask
前端的主要任务简单来看，就是绘制界面，绑定数据。在iOS绘制界面的布局方式主要有以下三种：
frame
autoresizingMask
AutoLayout
fame：常用于绝对布局，通过设置x, y, width, height来确定控件的位置和大小。
autoresingMask：苹果早期的相对布局的方案，允许子视图跟随父视图变化而变化，比如按比例缩放宽高，按比例缩放边距，仅限于两个视图之间使用，需要fame配合使用[不建议代码使用，可以在xib中使用]。
AutoLayout：iOS6引入基于关系的相对布局方式，允许视图与另外一个或者多个视图保持约束关系，可以在多个视图间使用，但是建议参考父视图添加约束，系统可以自动将frame转为约束。
Waring: 同一个视图，不能同时使用autoresizingMask和AutoLayou,比如视图A不能左边关系使用autoresizingMask,高宽布局使用AutoLayout。但是允许同一父视图，不同子视图使用autoresizingMask或者AutoLayout
AutoresizingMask理解
与frame绝对布局不同，autoresizingMask允许子视图的大小和位置跟随父视图动态变化,比如像UIButtion内部哪些子控件就使用autoresizingMask来布局达到适应效果。
借助xib我们可以形象理解autoresizingMask。
设置子视图与父视图宽高等比例变化效果图如下：
设置等比例高度变化，底边距等比例间距，效果如下
通过上面的 gif 我们能轻松理解autoresizingMask的布局特点。就是可以设置等比例变化，达到视图自适应变化。
autoresizingMask支持 xib 和代码。
UIViewAutoresizing枚举值
在autoresizingMask中，通过控制UIView的autoresizingMask属性控制，包含以下枚举值：
布局关系 视图随父视图等比例变化
none 默认值，不会随父视图改变而改变
flexiableLeftMargin 子视图左边距，等比例变化
flexiableWidth 子视图宽度，等比例变化
flexiableRightMargin 子视图右边距，等比例变化
flexiableTopMargin 子视图上边距，等比例变化
flexiableHeight 子视图高度，等比例变化
flexiableBottomMargin 子视图底边距离，等比例变化
Tips: flexiable表示灵活的、可自适应的、弹性的意思
实际设置往往需要组合这几个枚举值达到要求。
注意：在xib的Size Inspector的autoresizing中也可以设置对应关系（而且很简单），但是表达方式可能不一样，对于边距，在xib中选中表示不变的边距 ， 对于宽高，选中表示等比例变化的。如下图
代码枚举值却是：[.flexibleTopMargin, .flexibleRightMargin]
xib/StroryBoard使用autoresizingMask
通过xib设置autoresizingMask很简单，也很直观，当你选择完后，鼠标放在上面就会有动效，可以观察到是不是自己想要的效果。
比如实现这个需求：label在不同尺寸的屏幕上，自适应变化宽高，等比例设置左右边距,但是顶部边距不变，达到不同设备相似视觉感。
首先在storyboard中，以SE屏幕Controller为参考设置想要的frame，设置automask，如下图：
实际运行显示，根据不同屏幕，label的左右边距等比例缩放，且自适应宽高。效果图如下
代码布局使用autoresizingMaskt
关于在代码中使用autoresizingMask，我是百思不得其解，感觉设置了也没有起到效果，感觉就像设置了还要自己算frame,不像在xib中设置了来得实际。
参考：自动布局值autoresizingMask使用详情
不建议使用，感觉理解起来很复杂。
————————————————
版权声明：本文为CSDN博主「Code&Ocean」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_14920635/article/details/105580503
网友评论