ios开发之UIView的frame、bounds跟center属性的区别(附图)
博文暫時想到什么寫什么,不順理成章,不順章成篇。
先看幾個概念
坐標點Poit:向右側為X軸正方向的值x,原點下側為Y軸正方向的值y
?大小Size:由寬度width和高度height構成,表示一個矩形
區域Rect:它有坐標點Poit和大小Size構成,表示一個區域,既有位置也有大小?
相對:有參照物,因參照物的大小位置改變而改變
絕對:無參照物,大小位置固定
再看代碼構成:
點由這樣來創建,X軸大小和Y大小?CGPoint point = CGPointMake(80,40)
大小Size由這樣來創建 ?CGSize size = CGSizeMake(144,72)表示創建一個寬度為144和高度為72的矩形視圖
區域rect這樣來創建:CGRect rect=CGRectMake(10, 10, 120, 100); ?它表示位置在點(10,10)寬度120高度100的視圖
然后呢 看一下frame、bounds跟center三者的定義描述
frame:描述當前視圖在其父視圖中的位置和大小
bounds:描述當前視圖在其自身坐標系統中的位置和大小。?
center:描述當前視圖的中心點在其父視圖中的位置。?
我們從描述中可以看出,frame和bounds屬性, 都描述視圖的大小(CGSize)和位置(CGPoint)的,兩者都用CGRect表示。不同的是,frame描述的是在其父視圖中的CGRect,而bounds描述的是在其自身視圖中的CGRect,也就是說,兩者所在的坐標是不同的.而center表示矩形中心點在其父視圖中的位置。frame一般用來來設置視圖的大小和位置,用center來改變(移動)視圖的位置。frame和center都可以改變位置,如果對視圖進行旋轉、縮放也都是相對于center來操作的。
最直觀的我們用一個圖和代碼值來描述三者的表示:
首先建一個空視圖,拖拽三個wiew進去,分別給于不同的顏色,并且命名。代碼和圖如下
// // ViewController.h // NSPredicateTest // // Created by xuhongjiang on 15/10/27. // Copyright (c) 2015年 xuhongjiang. All rights reserved. // #import <UIKit/UIKit.h>@interface ViewController : UIViewController @property (retain, nonatomic) IBOutlet UIView *orangeView; @property (retain, nonatomic) IBOutlet UIView *greenView; @property (retain, nonatomic) IBOutlet UIView *grayView;@end分別定義了三個view,橙色view最大,里面包含灰色view和綠色view。我們拿綠色view來說明問題。
1.frame
其實灰色view的大小簽好就是綠色view的frame大小,綠色視圖frame的origin點(灰色view的寬度,灰色view的高度),也既是灰色view相對于橙色view右下角的點,也是綠色view左上角相對于橙色view的點。frame但Size就是綠色view的寬度和高度
2.bounds
綠色view的bounds的點是相對自己,是(0,0),大小size是綠色view的寬度和高度,這個很容易理解。
3.center
綠色view的center的橫坐標=(綠色view寬度width/2)+(綠色view的.frame.origin.x);縱坐標=(綠色view高度height/2)+(綠色view的.frame.origin.y);?
下面的代碼是經過調試后的具體值,仔細觀察,不難發現frame、bounds、center三者的區別還是很明顯的。
1 // 2 // ViewController.m 3 // NSPredicateTest 4 // 5 // Created by xuhongjiang on 15/10/27. 6 // Copyright (c) 2015年 xuhongjiang. All rights reserved. 7 // 8 9 #import "ViewController.h" 10 #import "Products.h" 11 12 @interface ViewController () 13 14 @end 15 16 @implementation ViewController 17 18 - (void)viewDidLoad { 19 [super viewDidLoad]; 20 [self layTest]; 21 } 22 23 - (void)didReceiveMemoryWarning { 24 [super didReceiveMemoryWarning]; 25 } 26 27 -(void) layTest 28 { 29 //橙色view的frame 返回一個相對于父容器的區域CGRect,由點point和大小Size構成 30 CGRect orangeFrameRect=_orangeView.frame;//(CGRect) orangeRect = (origin = (x = 43, y = 98), size =(width = 289,height = 443)) 31 CGPoint orangeFramePoit=_orangeView.frame.origin;//(CGPoint) orangePoit = (x = 43, y = 98) 32 CGSize orangeFrameSize=_orangeView.frame.size;//(CGSize) orangeSize = (width = 289, height = 443) 33 //橙色view的bounds 返回在自身坐標中的位置和大小,也是一個區域CGRect,同樣由點point和大小Size構成 34 CGRect orangeBoundsRect= _orangeView.bounds;//(CGRect) orangeBoundsRect = (origin = (x = 0, y = 0), size = (width = 289, height = 443)) 35 CGPoint orangeBoudsPoit=_orangeView.bounds.origin;//(CGPoint) orangeBoudsPoit = (x = 0, y = 0) 36 CGSize orangeBoundsSize=_orangeView.bounds.size;//(CGSize) orangeBoundsSize = (width = 289, height = 443) 37 //橙色view的center 它表示相對于父容器的自身中心點 38 CGPoint oranageCenterPoit= _orangeView.center;//(CGPoint) oranageCenterPoit = (x = 187.5, y = 319.5) 39 40 41 42 //綠色view的frame 等同于灰色view區域 返回一個相對于父容器(橙色view)的區域CGRect,由點point和大小Size構成 43 CGRect greenFrameRect=_greenView.frame;//(CGRect) greenFrameRect = (origin = (x = 40, y = 64), size = (width = 209, height = 256)) 44 CGPoint greenFramePoit=_greenView.frame.origin;//(CGPoint) greenFramePoit = (x = 40, y = 64) 45 CGSize greenFrameSize=_greenView.frame.size;//(CGSize) greenFrameSize = (width = 209, height = 256) 46 47 //綠色view的bounds 返回在自身坐標中的位置和大小,也是一個區域CGRect,同樣由點point和大小Size構成 48 CGRect greenBoundsRect= _greenView.bounds;//(CGRect) greenBoundsRect = (origin = (x = 0, y = 0), size = (width = 209, height = 256)) 49 CGPoint greenBoudsPoit=_greenView.bounds.origin;//(CGPoint) greenBoudsPoit = (x = 0, y = 0) 50 CGSize greenBoundsSize=_greenView.bounds.size;//(CGSize) greenBoundsSize = (width = 209, height = 256) 51 52 //綠色view的center 它表示相對于父容器(橙色view)的自身中心點 53 CGPoint greenCenterPoit= _greenView.center;//(CGPoint) greenCenterPoit = (x = 144.5, y = 192) 54 55 //灰色view的區域等同于綠色view的frame x=width=40 y=height=64 56 CGSize grayFramePoit=_grayView.frame.size;//(CGSize) grayFramePoit = (width = 40, height = 64) 57 //它為什么只是20和32的點 因為它是相對于綠色容器的自身中心點 58 CGPoint grayCenterPoit= _grayView.center;//(CGPoint) grayCenterPoit = (x = 20, y = 32) 59 }本文是個人原創,歡迎批評指正,如轉載請注明出處。
轉載于:https://www.cnblogs.com/hj2xx2hj/p/4918611.html
總結
以上是生活随笔為你收集整理的ios开发之UIView的frame、bounds跟center属性的区别(附图)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Samba服务详解
- 下一篇: 大道至简——失败也是积累