Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

IOS 深入剖析 bounds 和 frame

$
0
0

frame

frame 是每个 view 必备的属性,代表的是当前视图的位置和大小,如果没有设置该属性,当前视图是看不到的。

位置需要有参照物才能确定,数学中我们用坐标系来确定坐标系中的某个点的位置,IOS 中有他特有的坐标系:

  1. 在 IOS 坐标系中以左上角为坐标原点,往右为正 X 方向,往下为正 Y 方向;
  2. frame 中的位置是以父视图的坐标系为你标准来确定当前视图的位置;
  3. 同样的默认情况下,本视图的左上角就是子视图的坐标原点;
  4. 更改 frame 中位置,则当前视图的位置会发生改变;
  5. 更改 frame 的大小,则当前视图以当前视图的左上角为基准进行大小的修改。

bounds

bounds 是每个 View 都有的属性,这个属性我们一般不进行设置,他同样代表位置和大小;

每个视图都有自己的坐标系,且这个坐标系默认以自身的左上角为坐标原点,所有子视图以这个坐标系的原点为基准点;

bounds 的位置代表的是子视图看待当前视图左上角的位置,bounds 的大小代表当前视图的大小;

更改 bounds 中的位置对于当前视图没有影响,相当于更改了当前视图的坐标系,对于子视图来说当前视图的左上角已经不再是(0,0), 而是改变后的坐标,坐标系改了,那么所有子视图的位置也会跟着改变;

更改 bounds 的大小,bounds 的大小代表当前视图的长和宽,修改长宽后,中心点继续保持不变, 长宽进行改变;通过 bounds 修改长宽看起来就像是以中心点为基准点对长宽两边同时进行缩放;

矩形框和内容的理解

矩形框(当前视图):即控件自身显示的位置和尺寸;

内容(当前视图的子视图):控件内部的东西;

概括来说,frame以“父控件”“内容”的左上角为坐标原点,计算出的“控件自己”“矩形框”的尺寸;
bounds以“控件自己”“内容“的左上角为坐标原点,计算出的”控件自己“”矩形框“的位置和尺寸;

有如下总结:

frame.size == bounds.size;
scrollView.bounds.origin == scrollView.contentOffset;

下面以实例演示:
这里写图片描述

点击屏幕后:
这里写图片描述

也许会奇怪,为何设置了 redView 的 bounds 为(-50,-50),开关控件反而向右下方移动了?

这里作出解释:redView 的 bounds 发生了改变,则其子视图(开关控件)的原点发生了改变,而 redView 的 frame 是固定不动的,即 redView 的位置和尺寸是不会变化的,所以唯有子控件(开关控件)的位置发生改变,即内容发生偏移,相当于矩形框相对内容原点偏移(-50,-50)。

最后,用一个图总结一下 bounds 与 frame 的区别与意义:

这里写图片描述

作者:huangfei711 发表于2017/3/13 16:34:11 原文链接
阅读:3 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>