快捷導(dǎo)航

詳解iOS中UIView的layoutSubviews子視圖布局方法使用

更新時(shí)間：2016年04月27日 09:17:53 作者：pengyingh

這篇文章主要介紹了iOS中UIView的layoutSubviews子視圖布局方法使用,文中舉了一個(gè)layoutSubviews在iPad橫豎屏切換時(shí)被調(diào)用用來(lái)重新布局的實(shí)例,需要的朋友可以參考下

概念
在UIView里面有一個(gè)方法layoutSubviews：

復(fù)制代碼代碼如下:

- (void)layoutSubviews;    // override point. called by layoutIfNeeded automatically. As of iOS 6.0, when constraints-based layout is used the base implementation applies the constraints-based layout, otherwise it does nothing.

layoutSubviews方法的具體作用
layoutSubviews是對(duì)subviews重新布局。比如，我們想更新子視圖的位置的時(shí)候，可以通過(guò)調(diào)用layoutSubviews方法，既可以實(shí)現(xiàn)對(duì)子視圖重新布局。
layoutSubviews默認(rèn)是不做任何事情的，用到的時(shí)候，需要在自雷進(jìn)行重寫。

實(shí)例
由于ipad的橫豎屏不同，所以好的應(yīng)用，橫豎屏的頁(yè)面布局也不一樣。那么就需要橫豎屏的整體解決方案。先看一個(gè)橫豎屏布局不一樣的界面。
下面兩張圖是來(lái)自同一個(gè)界面的橫豎版的截屏?？梢钥闯觯瑱M豎版顯示的內(nèi)容相同，但是界面布局不同。要實(shí)現(xiàn)上述布局，主要是運(yùn)用UIView中 layoutSubviews方法。當(dāng)UIView設(shè)置為自動(dòng)適配屏幕時(shí)，當(dāng)用戶旋轉(zhuǎn)設(shè)備的時(shí)候，會(huì)調(diào)用layoutSubviews方法，我們只需重寫這個(gè)方法，然后判斷用戶屏幕的方向。在調(diào)整每個(gè)空間的位置即可。

201642791446629.jpg (360×480)

201642791505056.jpg (640×480)

下面是實(shí)現(xiàn)上述界面的最簡(jiǎn)單的原型：
首先分析可以知道左面是圖片，右面是一個(gè)圖片加文字的視圖。下面就實(shí)現(xiàn)一個(gè)左面視圖右面是一個(gè)圖加一段字的事例。
事例的截圖如下

201642791524044.png (372×480)

201642791543249.png (549×423)

其中右面的文字和綠色部分是用一個(gè)子視圖封裝的。
整個(gè)布局是我在主視圖中添加了一個(gè)ContentView視圖，在ContentView視圖中添加了一個(gè)ArticleView視圖。
其中ArticleView和ContentView的xib文件都打開了

201642791604398.png (212×64)

在ContentView中重寫layoutSubviews方法，然后根據(jù)stausbar的方向判斷當(dāng)前視圖的橫豎屏。具體代碼：

復(fù)制代碼代碼如下:

-(void)layoutSubviews{
[super layoutSubviews];
UIDeviceOrientation interfaceOrientation=[[UIApplication sharedApplication] statusBarOrientation];
if (interfaceOrientation == UIDeviceOrientationPortrait || interfaceOrientation == UIDeviceOrientationPortraitUpsideDown) {
//翻轉(zhuǎn)為豎屏?xí)r
[self setVerticalFrame];
}else if (interfaceOrientation==UIDeviceOrientationLandscapeLeft || interfaceOrientation == UIDeviceOrientationLandscapeRight) {
//翻轉(zhuǎn)為橫屏?xí)r
[self setHorizontalFrame];
}
}

-(void)setVerticalFrame
{
NSLog(@"豎屏");
[titleLable setFrame:CGRectMake(283, 0, 239, 83)];
[leftView setFrame:CGRectMake(38, 102, 384, 272)];
[rightView setFrame:CGRectMake(450, 102, 282, 198)];
}

-(void)setHorizontalFrame
{
NSLog(@"橫屏");
[titleLable setFrame:CGRectMake(183, 0, 239, 83)];
[leftView setFrame:CGRectMake(168, 122, 384, 272)];
[rightView setFrame:CGRectMake(650, 122, 282, 198)];
}

在具體的橫豎屏方法中，從新設(shè)置各個(gè)組件的坐標(biāo)即可。

接下來(lái)在ContentView中添加ArticleView視圖。

復(fù)制代碼代碼如下:

-(id)initWithCoder:(NSCoder *)aDecoder
{
if ((self = [super initWithCoder:aDecoder])) {

NSArray *arrayContentView =[[NSBundle mainBundle] loadNibNamed:@"ArticleView" owner:self options:nil];
rightView=[arrayContentView objectAtIndex:0];
[self addSubview:rightView];
}
return self;
}

由于我用的是xib，所以初始化方法為initWithCoder，在這個(gè)中添加新的視圖。

同樣在ArticleView中設(shè)置橫豎屏相應(yīng)空間的坐標(biāo)即可。

復(fù)制代碼代碼如下:

-(void)layoutSubviews{
[super layoutSubviews];
UIDeviceOrientation interfaceOrientation=[[UIApplication sharedApplication] statusBarOrientation];
CGRect rect=self.frame;
rect.size.width=282;
rect.size.height=198;
[self setFrame:rect];
if (interfaceOrientation == UIDeviceOrientationPortrait || interfaceOrientation == UIDeviceOrientationPortraitUpsideDown) {
//翻轉(zhuǎn)為豎屏?xí)r
[self setVerticalFrame];
}else if (interfaceOrientation==UIDeviceOrientationLandscapeLeft || interfaceOrientation == UIDeviceOrientationLandscapeRight) {
//翻轉(zhuǎn)為橫屏?xí)r
[self setHorizontalFrame];
}
}

-(void)setVerticalFrame
{
NSLog(@"豎屏");
[contentView setFrame:CGRectMake(12, 6, 250, 125)];
[textLable setFrame:CGRectMake(50, 139, 182, 39)];
}

-(void)setHorizontalFrame
{
NSLog(@"橫屏");
[contentView setFrame:CGRectMake(12, 6, 106, 158)];
[textLable setFrame:CGRectMake(135, 11, 147, 39)];
}

總結(jié)
layoutSubviews以下情況會(huì)被調(diào)用：

蘋果官方文檔已經(jīng)強(qiáng)調(diào)，不能直接調(diào)用layoutSubviews對(duì)子視圖進(jìn)行重新布局。那么，layoutSubviews什么情況下會(huì)被調(diào)用呢？通過(guò)百度搜索，發(fā)現(xiàn)以下幾種情況layoutSubviews會(huì)被調(diào)用。

直接調(diào)用setLayoutSubviews。（這個(gè)在上面蘋果官方文檔里有說(shuō)明）
addSubview的時(shí)候。
當(dāng)view的frame發(fā)生改變的時(shí)候。
滑動(dòng)UIScrollView的時(shí)候。
旋轉(zhuǎn)Screen會(huì)觸發(fā)父UIView上的layoutSubviews事件。
改變一個(gè)UIView大小的時(shí)候也會(huì)觸發(fā)父UIView上的layoutSubviews事件。

我簡(jiǎn)單測(cè)試了一下，上面基本都會(huì)被調(diào)用。注意：

當(dāng)view的fram的值為0的時(shí)候，`addSubview`也不會(huì)調(diào)用`layoutSubviews`的。
layoutSubviews方法在對(duì)自雷視圖進(jìn)行布局的時(shí)候非常方便?？梢宰约簞?dòng)手，深入理解layoutSubviews的調(diào)用機(jī)制。

您可能感興趣的文章: