进一步理解 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坐标系统)中的坐标, ...
随机推荐
- ORACLE不使用工具的情况下获取对象DDL
set line 200set pagesize 0set long 99999set feedback offset echo off获得表.索引.视图.存储过程.函数的DDL:select dbm ...
- April 2 2017 Week 14 Sunday
You only live once, but if you do it right, once is enough. 人生只有一次,但如果活对了,一次也就够了. Maybe I am going t ...
- Docker入门系列之三:如何将dockerfile制作好的镜像发布到Docker hub上
这个系列的前两篇文章,我们已经把我们的应用成功地在Docker里通过nginx运行了起来,并且用dockerfile里制作好了一个镜像. Docker入门系列之一:在一个Docker容器里运行指定的w ...
- python入门10 循环语句
两种循环: 1 for in 2 while #coding:utf-8 #/usr/bin/python """ 2018-11-03 dinghanhua 循环语句 ...
- IOS NSLayoutConstraint 页面布局(通过代码添加约束)
#import "ViewController.h" @interface ViewController () @property (nonatomic, strong) UIVi ...
- note02-计算机网络
2.物理层 通信系统模型(源->发送器->XXX->接收器->终),源发出数字信号,调制器编码为模拟信号,进行传输,解调器解码模拟信号为数字信号给终 信噪比,香农公式,C=B ...
- vuejs 开发中踩到的坑
用 v-for 循环式 每个item的值相等的情况下,会影响v-model的双向绑定: Modal 组件开发,主要用slot 标签来实现 <template> <transitio ...
- 20165322 2017-2018-2《Java程序设计》课程总结
20165322 2017-2018-2<Java程序设计>课程总结 每周作业链接汇总 预备作业1:我期望的师生关系 预备作业2:做中学learning by doing个人感想 预备作业 ...
- 初学bind
其实项目中还没有用到. 但自己还是想逐步了解一些高级的JS语法,不是为了炫技,也不像找前端的工作. 主要目的是:1.学习设计思想,提升解决问题的能力2.让自己的脑子动起来,别太笨. 简单的几句话总结一 ...
- Unity3d Gis 坐标转换
最近在做unity3d与Gis结合的项目,最基本的就是坐标的转换问题,比如把经纬度为(166.23.9.27 , 39.55.15.74) 转换到unity里面成相应的位置点,废话不多说 上代码: u ...