博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
格而知之2:UIView的autoresizingMask属性探究
阅读量:5247 次
发布时间:2019-06-14

本文共 3023 字,大约阅读时间需要 10 分钟。

  UIView的autoresizingMask属性,是用在当一个UIView实例的父控件的尺寸发生变化时,来自动调整UIView实例在父控件中的位置与尺寸的。autoresizingMask属性是一个枚举值,它的枚举成员如下:

  它通过使UIView的上、下、左、右、宽度或高度自动变化来调整。下面分几种情况来讨论这个属性,假设父控件为backgroundView,子控件为subView:

 

1、当没有使用autoresizingMask属性或autoresizingMask属性的值为UIViewAutoresizingNone的时候,autoresizingMask属性不起作用。此时当backgroundView变化的时候,subView并没有任何反应(frame不变),如下图:

 

 

2、当设置subView. autoresizingMask=UIAutoresizingFlexibleBottomMargin或设置subView. autoresizingMask=UIAutoresizingFlexibleRightMargin的时候,发现效果和没有设置一样;

 

3、当设置subView. autoresizingMask=UIAutoresizingFlexibleLeftMargin的时候,效果如下图:

 

 

4、当设置subView. autoresizingMask=UIAutoresizingFlexibleTopMargin的时候,效果如下图:

 

 

5、然后看一看组合的情况,多个autoresizingMask属性可以通过“|”组合起来,共同作用。比如当subView. autoresizingMask=UIAutoresizingFlexibleLeftMargin | UIAutoresizingFlexibleTopMargin的时候,效果如下图:

 

可以看到subView在不断改变left和top方向上和backgroundView的距离,出现了subView一直紧跟着backgroundView右下角的效果;

 

6、当subView. autoresizingMask=UIAutoresizingFlexibleTopMargin | UIAutoresizingFlexibleBottomMargin的时候,效果如下图:

 

可以看到subView在不断改变top和bottom方向上和backgroundView的距离,出现了subView一直在垂直方向上居中的效果;

 

7、如果同时使用4个margin属性,会有以下效果:

 

可以看到subView在不断改变4个方向上和backgroundView的距离,出现了subView一直居中的效果;

 

8、由此可知:使用margin类的枚举成员的时候,subView对应方向的边会自动灵活调整和backgroundView相应边的距离,但是subView的尺寸是不变的。所以,在这个过程中,subView的frame.origin可能会变化,而frame.size不变;

 

9、接下来当subView. autoresizingMask=UIAutoresizingFlexibleWidth的时候,效果如下图:

 

 

10、当subView. autoresizingMask=UIAutoresizingFlexibleHeight的时候,效果如下图:

 

 

11、共同使用width和height两个枚举成员的这种组合方式是非常常见的,它的效果如下图:

 

可以看到,subView在不断改变自己的尺寸,保持4个方向上和backgroundView的距离不变,出现了subView一直居中并跟着backgroundView变化的效果;

 

12、由此可知:使用width和height两个枚举成员的时候,subView会通过变换尺寸来使对应方向上的边与backgroundView的距离保持不变。即是在这个过程中,subView的frame.origin不变,而frame.size会改变;

 

13、我们还可以将margin和width、height组合起来使用,当subView. autoresizingMask=UIAutoresizingFlexibleWidth |UIAutoresizingFlexibleTopMargin | UIAutoresizingFlexibleBottomMargin的时候,效果如下图:

 

可以看到subView组合了三个属性,它不断改变自己的宽度(width)保持和backgroundView的左右两边距离不变,同时不断改变上、下两个方向(top、bottom)和backgroundView的距离保持垂直方向上的居中;

 

 

14、最后再来看一看一些情况,当组合使用left和width的时候,出现了以下的效果:

 

我们已经知道,left是要让左边距灵活变化,而width是要保持左右边距不变,这两个似乎相互矛盾的特性使得subView的左边距出现了不规则的变化。为了更清楚了解这种组合的效果,我们同时使用left、right和width,出现了如下效果:

 

通过这个试验,我们发现,subView在水平方向上不断改变frame.origin和frame.size,达到了随着backgroundView等比例变化的效果。

如果我们同时使用除了none之外的所有的特性,还会出现以下效果:

 

subView随着backgroundView的变化自动等比例变化,边距、尺寸保持着和backgroundView的固定比例不变。

 

15、最后,还可以使用数字来指定autoresizingMask属性,从autoresizingMask属性的定义可以看到,每个特性对应着一个二进制数的某个数位。根据这个定义,由于十进制数63等于二进制数B111111,当指定subView. autoresizingMask=63时,则相当于六个数位全部指定为1,所有的特性都会起作用,即是最后一张图的效果。

如果要做出和subView. autoresizingMask=UIAutoresizingFlexibleTopMargin | UIAutoresizingFlexibleBottomMargin相同的效果,查阅autoresizingMask的定义可知,指定subView. autoresizingMask=40即可(40=B101000,两个1对应位置的特性会起作用)。

 

16、通过以上的测试,我们可以得到以下结论:

(1)、margin类的特性会改变对应边与父控件的边距、不改变尺寸,即是会影响到frame.origin,不会影响到frame.size;

(2)、width和height特性不会改变相应边与父控件的边距、但会改变尺寸,即是会影响到frame.size,不会影响到frame.origin;

(3)、多个特性可以组合使用,共同发生作用;

(4)、有重叠作用的特性组合使用,会有等比例变化的效果;

(5)、可以使用数字来指定autoresizingMask属性,数字转换成二进制数后,由最后六位数字决定哪些特性起作用。

 

转载于:https://www.cnblogs.com/shayneyeorg/p/4688632.html

你可能感兴趣的文章
ExtJs学习笔记之ComboBox组件
查看>>
关于收费软件
查看>>
getopt_long
查看>>
TensorFlow MNIST CNN 代码
查看>>
javascript之Style物
查看>>
JSON跨域解决方案收集
查看>>
图的深度优先遍历
查看>>
C# 之 提高WebService性能大数据量网络传输处理
查看>>
[bzoj1004] [HNOI2008] Cards
查看>>
原生HttpClient详细使用示例
查看>>
几道面试题
查看>>
Factory Design Pattern
查看>>
python中贪婪与非贪婪
查看>>
guava API整理
查看>>
无锁编程笔记
查看>>
jquery mobile
查看>>
如何在vue单页应用中使用百度地图
查看>>
Springboot使用步骤
查看>>
Spring属性注入
查看>>
Springboot-配置文件
查看>>