詳解iPad橫豎屏切換解決方案是本文要介紹的內(nèi)容，不多說，先來看內(nèi)容。由于ipad的橫豎屏不同，所以好的應(yīng)用，橫豎屏的頁面布局也不一樣。那么就需要橫豎屏的整體解決方案。先看一個橫豎屏布局不一樣的界面。

上面兩張圖是來自同一個界面的橫豎版的截屏?？梢钥闯觯?strong>橫豎版顯示的內(nèi)容相同，但是界面布局不同。要實現(xiàn)上述布局，主要是運用UIView中l(wèi)ayoutSubviews方法。當(dāng)UIView設(shè)置為自動適配屏幕時，當(dāng)用戶旋轉(zhuǎn)設(shè)備的時候，會調(diào)用layoutSubviews方法，我們只需重寫這個方法，然后判斷用戶屏幕的方向。在調(diào)整每個空間的位置即可。

下面是實現(xiàn)上述界面的最簡單的原型：

首先分析可以知道左面是圖片，右面是一個圖片加文字的視圖。下面就實現(xiàn)一個左面視圖右面是一個圖加一段字的事例。

事例的截圖如下：

其中右面的文字和綠色部分是用一個子視圖封裝的。

整個布局是我在主視圖中添加了一個ContentView視圖，在ContentView視圖中添加了一個ArticleView視圖。

其中ArticleView和ContentView的xib文件都打開了

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

-(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è)置各個組件的坐標即可。

接下來在ContentView中添加ArticleView視圖。

-(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，在這個中添加新的視圖。

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

-(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)];   
} 

源代碼：http://easymorse-iphone.googlecode.com/svn/trunk/IpadLayOut/

小結(jié)：詳解iPad橫豎屏切換解決方案的內(nèi)容介紹完了，通過ipad屏幕切換的內(nèi)容，是不是以及很清楚了，最后希望本文對你有所幫助。