ios中frame與bounds區別

在iOS開發中經常遇到兩個詞Frame和bounds,本文主要闡述Frame和bound的區別,尤其是bound很繞,很難理解。

一、首先,看一下公認的資料

先看到下面的代碼你肯定就明白了一些:

-(CGRect)frame{
    return CGRectMake(self.frame.origin.x,self.frame.origin.y,self.frame.size.width,self.frame.size.height);
}
-(CGRect)bounds{
    return CGRectMake(0,0,self.frame.size.width,self.frame.size.height);
}

很明顯,bounds的原點是(0,0)點(就是view本身的座標系統,默認永遠都是0,0點,除非調用了setbounds函數),而frame的原點卻是任意的(相對於父視圖中的座標位置)。

二、再看一下斯坦福iOS教程視頻中的圖片


翻譯如下:

frame: 該view在父view座標系統中的位置和大小。(參照點是,父親的座標系統)
bounds:該view在本地座標系統中的位置和大小。(參照點是,本地座標系統,就相當於ViewB自己的座標系統,以0,0點爲起點)
center:該view的中心點在父view座標系統中的位置和大小。(參照點是,父親的座標系統)

三、下面闡述一下frame和bound的區別

frame就容易理解一些:frame的(frame.origin.x,frame.origin.y)就是相對於父座標系的偏移量。

bounds稍微有點費解,稍不留神,想的多了,就會繞進去。每個view都有一個本地座標系統。這個座標系統作用比較重要,比如觸摸的回調函數中的 UITouch裏面的>座標值都是參照這個本地座標系統的座標。當然bounds這個屬性也是參照這個本地座標系統來的。

其實本地座標系統的關鍵就是要知道的它的原點(0,0)在什麼位置(這個位置又是相對於上層的view的本地座標系統而言的,最上層view就是 window它的本地座標系統原點就是屏幕的左上角了)。

通過修改view的bounds屬性可以修改本地座標系統的原點位置。

所以,bounds的有這麼一個特點:

它是參考自己座標系,它可以修改自己座標系的原點位置,進而影響到“子view”的顯示位置。

四、demo論證

UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 200, 200)];
    [view1 setBounds:CGRectMake(-30, -30, 200, 200)];
    view1.backgroundColor = [UIColor redColor];
    [self.view addSubview:view1];//添加到self.view
    NSLog(@"view1 frame:%@========view1 bounds:%@",NSStringFromCGRect(view1.frame),NSStringFromCGRect(view1.bounds));
     
    UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    view2.backgroundColor = [UIColor yellowColor];
    [view1 addSubview:view2];//添加到view1上,[此時view1座標系左上角起點爲(-30,-30)]
    NSLog(@"view2 frame:%@========view2 bounds:%@",NSStringFromCGRect(view2.frame),NSStringFromCGRect(view2.bounds));

這段代碼沒什麼特別的地方。view1加入view中,view2加入view1中。代碼第二行,對view1進行了setBounds設置。註釋和打開這行代碼的效果如圖:

1
[view1 setBounds:CGRectMake(-30, -30,200,200)];

這行代碼起到了:讓view2的位置改變的作用。爲何(-30,-30)的偏移量,卻可以讓view2向右下角移動呢?

這是因爲setBounds的作用是:強制將自己(view1)座標系的左上角點,改爲(-30,-30)。那麼view1的原點,自然就向在右下方偏移(30,30)。


上面代碼控制檯輸出如下:

20140924132839203.jpg

(log輸出日誌表明,每個新的view默認的bounds其實都是(0,0),且bounds的width和height都是跟frame一致)

事情還沒完

上面代碼中view和bounds的大小都是一樣的。如果view的frame和bounds不是一樣大小,又會如何呢?

就上面的代碼段,將view1的bounds改大!例如:

1
[view1 setBounds:CGRectMake(-30, -30, 250, 250)];

20140924135352969.jpg

log顯示:view1的frame已經被修改了。這是因爲setBounds的問題。

frame定義了一個相對父視圖的一個框架(容器),bounds則是真實顯示區域。如果,bounds比frame小了,可以放到框架(容器)裏。如果bounds比frame大,感覺frame被“撐大”了。frame變成了{{25, 25}, {250, 250}}了。25是如何得出的?bounds比frame長,寬各大了50像素,那麼四條邊平衡一下,各溢出“25”像素。如圖所示:

20140924142008046.jpg

五、結論

bounds的有以下兩個特點:

1. 它可以修改自己座標系的原點位置,進而影想到“子view”的顯示位置。這個作用更像是移動原點的意思。

2. bounds,它可以改變的frame。如果bounds比frame大。那麼frame也會跟着變大。這個作用更像邊界和大小的意思。

可以推測一下,setBound第一個特性可以用於view的滑動,手勢動作。第二個特性如何使用呢?從網上找到一個案例:可以將下圖中cell拉伸:

20140924150044718.png

20140924145943218.png

代碼如下,重寫cell的layoutSubviews方法即可:

1
2
3
4
5
6
7
8
9
10
11
// MyCustomUITableViewCell.h
 
- (void)layoutSubviews
{
    self.bounds = CGRectMake(self.bounds.origin.x,
                             self.bounds.origin.y,
                             self.bounds.size.width - 50,
                             self.bounds.size.height);
 
    [super layoutSubviews];
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章