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   }

本文是我的原創，歡迎批評指正，如轉載請註明出處。