进一步理解 frame 和 bounds
先看下官方以及个人翻译:
frame: This rectangle defines the size and position of the view in its superview’s coordinate system. Use this rectangle during layout operations to set the size and position the view. Setting this property changes the point specified by the center property and changes the size in the bounds rectangle accordingly. The coordinates of the frame rectangle are always specified in points.
frame:一个矩形框,描述了view在其父控件坐标系中的大小和位置。修改frame会相应的改变center的值以及bounds.size属性。
bounds:The bounds rectangle, which describes the view’s location and size in its own coordinate system.The default bounds origin is (0,0) and the size is the same as the size of the rectangle in the frame property. Changing the size portion of this rectangle grows or shrinks the view relative to its center point. Changing the size also changes the size of the rectangle in the frame property to match. The coordinates of the bounds rectangle are always specified in points.
bounds:一个矩形框,描述了view在其自己坐标系中的大小和位置。bounds.origin默认是(0,0),bounds.size和frame.size一致。改变bounds.size,会相对view的 center point增加或减少矩形框。改变bounds.size也相应的改变 frame.size。
--》这里我补一句,既然相对于center point向四周增加、减少,那必然也会改变frame.origin
--》对比还发现,更改bounds并没有改变center property,但是修改frame会改变,也就引发了后文提及的注意事项。
总结:
1. 改变bounds的origin,相当于改变view内容显示的起点位置。比如,红色矩形view在右下角有个按钮(该按钮为红色view的子控件),如果origin设置为(20,20),那么会发现按钮开始靠近左上角,发生了位置偏移。
2. 修改一个控件的bounds.origin,不会改变该控件以及其子控件的frame,但是由于显示内容的起点位置发生改变,因此,会相对(相对于控件的左上角)改变子控件的显示位置。因此,其子控件的frame中的origin,并不一定是该控件的左上角,只有当该控件的bounds的origin为(0,0)时才是左上角。
3. 其实,控件的内容是无限大的,只不过我们在这个平面建立了一个坐标系,确定了坐标原点,确定了显示的起点位置而已。就好比你拿着望远镜(view)在看风景(view的内容),改变的只是你看到的区域(view.bounds),风景的相对位置并没有改变(子控件的frame不会改变),但是给你的感觉是风景在移动(相对改变子控件的显示位置)。
4. 通过修改一个控件的frame.size来修改控件的长宽,长宽向右下增加/减少(不会改变该控件frame.origin)。但是通过修改bounds.size修改控件的长宽,长宽是向四周均匀增加/减少(会改变该控件的frame.origin)。
注意:
1. 在开发中设置一个控件的center时,最好先设置控件的宽高(size.width & size.height),再设置其center。
2. 如果使用frame.size来设置width & height应该先设置width & height再设置center。
如果使用bounds.size 来设置width & height 设置顺序不影响结果。
3. 设置center时,不管哪种情况,先大小 后位置 不容易出问题。
实例:
理解bounds之后,我们可以模仿UIScrollView,让控制器的View也可以实现滚动功能,并限制其滚动范围。
- (void)viewDidLoad {
[super viewDidLoad];
// 添加拖拽手势
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(offset:)];
[self.view addGestureRecognizer:pan];
} - (void)offset:(UIPanGestureRecognizer *)pan {
CGPoint offset = [pan translationInView:self.view];
CGRect temp = self.view.bounds;
temp.origin.x += - offset.x;
temp.origin.y += - offset.y;
if (temp.origin.y < - || temp.origin.y > || temp.origin.x < - || temp.origin.x > ) {
temp.origin.x = self.view.bounds.origin.x;
temp.origin.y = self.view.bounds.origin.y;
}
self.view.bounds = temp;
// 复位
[pan setTranslation:CGPointZero inView:self.view];
NSLog(@"%f",offset.y);
}
相关链接:关于UIScollView 中的contentOffset 的理解
效果
进一步理解 frame 和 bounds的更多相关文章
- iOS 中的frame,bounds,center,transform关联
这里有一篇好文章 http://www.winddisk.com/2012/06/07/transform/ 先看几个知识点,UIView 的frame,bounds,center,transform ...
- 深入探究frame和bounds的区别以及setbounds使用
[转自]http://blog.csdn.net/hherima/article/details/39501857 在iOS开发中经常遇到两个词Frame和bounds,本文主要阐述Frame和bou ...
- ios开发之UIView的frame、bounds跟center属性的区别(附图)
博文暂时想到什么写什么,不顺理成章,不顺章成篇. 先看几个概念 坐标点Poit:向右侧为X轴正方向的值x,原点下侧为Y轴正方向的值y 大小Size:由宽度width和高度height构成,表示一个矩形 ...
- iOS View的Frame和bounds之区别,setbounds使用(深入探究)
前言: 在ios开发中经常遇到两个词Frame和bounds,本文主要阐述Frame和bound的区别,尤其是bound很绕,较难理解. 一.首先,看一下公认的资料: 先看到下面的代码你肯定就明白了一 ...
- frame、bounds表示大小和位置的属性以及center、position、anchorPosition
在iOS开发开发过程中经常会用到界面元素的frame.bounds表示大小和位置的属性以及center.position.anchorPosition等单纯表示位置的属性.这些属性究竟什么含义?彼此间 ...
- iOS开发中frame与bounds的区别
闲话不多说,先上两张图,大伙们就已经明白了: 显示出来的效果是这样子滴: 总结: 要理清这两者的区别,最主要的要理解一下几个概念:frame可以理解为可视的范围,而bounds可以理解为可视范围内的 ...
- 深入浅出了解frame和bounds
frame frame的官方解释如下: The frame rectangle, which describes the view's location and size in its supervi ...
- iOS开发-View中frame和bounds区别
开发中调整View的时候的经常会遇到frame和bounds,刚开始看的时候不是很清楚,不过看了一下官方文档,frame是确定视图在父视图中的位置,和本身的大小,bounds确定可以确定子视图在当前视 ...
- ios视图frame和bounds的对比
bounds坐标:自己定义的坐标系统,setbound指明了本视图左上角在该坐标系统中的坐标, 默认值(0,0) frame坐标: 子视图左上角在父视图坐标系统(bounds坐标系统)中的坐标, ...
随机推荐
- qt中的lineEdit文本输入框的输入类型限制(三种验证类)
qt的三种验证类: 1.输入int类型 QValidator *validator=new QIntValidator(100,999,this): QLineEdit *edit=new QLine ...
- 服务器ipmi远程管理
DELL iDRAC (Integrated Dell™ Remote Access Controller )是 Dell PowerEdge 系列服务器上的远程管理方案, 11代 12代服务器已经集 ...
- jQuery Mobile 移动 web 应用程序框架
在这里我们主要讲一下如何引用jQuery Mobile(引用了jQuery Mobile,你就能引用jQuery Mobile里已经封装好的代码,让开发更加快捷简单) 从 CDN 引用 jQuery ...
- 在浏览器的市场上,IE依然是放弃了,firefox还在继续~~
自从微软失败后,发布了Edge:但是依然是没有多少市场的,毕竟各种难受: 单从开发者工具,我是没有其它选择了, ie的不能用,https://www.microsoft.com/en-us/welco ...
- April 1 2017 Week 13 Saturday
There is more to life than increasing its speed. 生活不仅仅是匆匆赶路. Get a life, a real life, not a manic pu ...
- 初识EMC
EMC,即电磁兼容,是指设备在预期的电磁环境中,能按设计要求正常抵抗电磁干扰的能力.其主要包含3个方面:电磁干扰(EMI),电磁抗扰(EMS)与静电放电抗扰(ESD). 电磁干扰的方式可以大概分为传导 ...
- 代码混淆和dump
首先是安装和使用dump: 下载dump地址 1.选择class-dump-3.5.dmg 下载: 2.下载之后,点击打开,复制class-dump文件, 3.shift+command+G 打开fi ...
- 获取input的值
一.jQuery获取单选框的值1.$('input:radio:checked').val():2.$("input[type='radio']:checked").val();3 ...
- SpringMVC学习记录三——8 springmvc和mybatis整合
8 springmvc和mybatis整合 8.1 需求 使用springmvc和mybatis完成商品列表查询. 8.2 整合思路 springmvc+mybaits的 ...
- 【洛谷P3834】(模板)可持久化线段树 1(主席树)
[模板]可持久化线段树 1(主席树) https://www.luogu.org/problemnew/show/P3834 主席树支持历史查询,空间复杂度为O(nlogn),需要动态开点 本题用一个 ...