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