iOS 知識小集（橫豎屏切換）

Madeline331 8年前發布 | 13K 次閱讀 iOS開發移動開發

iOS 中橫豎屏切換的功能，在開發iOS app中總能遇到。以前看過幾次，感覺簡單，但是沒有敲過代碼實現，最近又碰到了，demo嘗試了幾種情況，這里就做下總結。

注意

橫屏兩種情況是反的你知道嗎？

UIInterfaceOrientationLandscapeRight 與 UIInterfaceOrientationMaskLandscapeRight 都代表橫屏，Home鍵在右側的情況； UIDeviceOrientationLandscapeLeft 則是Home鍵在左側。

一般情形

所有界面都支持橫豎屏切換

如果App的所有切面都要支持橫豎屏的切換，那只需要勾選【General】中的【Device Orientation】，選擇希望支持的方向即可。

圖中支持豎屏和Home在右側

如上設置完之后，當設備豎屏的時候，所有的界面都是豎屏顯示的；而當設備橫屏Home在右側時，所有的界面會橫屏顯示。其他方向不支持，界面不會改變。

這里有個坑：

在iOS 9 之后橫屏時，狀態欄會消失。

解決方法：確保plist 中的【View controller-based status bar appearance】為YES，然后重寫ViewController的 - (BOOL)prefersStatusBarHidden ，返回值是NO。

- (BOOL)prefersStatusBarHidden
{
    return NO;
}

特殊情形

個別界面固定方向，其他所有界面都支持橫豎屏切換

這種情況，在【General】-->【Device Orientation】中設置好支持的方向后，只需要在這些特殊的視圖控制器中重寫兩個方法：

// 支持設備自動旋轉
- (BOOL)shouldAutorotate
{
    return YES;
}

/** 
*  設置特殊的界面支持的方向,這里特殊界面只支持Home在右側的情況
*/
- (UIInterfaceOrientationMask)supportedInterfaceOrientations 
{
    return UIInterfaceOrientationMaskLandscapeRight;
}

個別界面支持橫豎屏切換，其他所有界面都固定方向

可能大多數App會是這種需求，某些特殊界面只能橫屏，如視頻播放類App。

這里有兩種處理方式：

方式一

在【General】-->【Device Orientation】中設置好需要支持的所有方向。然后使用一個基類控制器，在基類控制器中重寫兩個控制橫豎屏的方法：

// 支持設備自動旋轉
- (BOOL)shouldAutorotate
{
    return YES;
}

// 支持豎屏顯示
- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskPortrait;
}

再然后，特殊的界面上再重寫這倆方法，讓其可以自動切換方向。

// 如果需要橫屏的時候，一定要重寫這個方法并返回NO
- (BOOL)prefersStatusBarHidden
{
    return NO;
}

// 支持設備自動旋轉
- (BOOL)shouldAutorotate
{
    return YES;
}

// 支持橫屏顯示
- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    // 如果該界面需要支持橫豎屏切換
    return UIInterfaceOrientationMaskLandscapeRight | UIInterfaceOrientationMaskPortrait;
    // 如果該界面僅支持橫屏
   // return UIInterfaceOrientationMaskLandscapeRight；
}

方式二

用方式一的方法，還需要借助一個基類，所有的控制器都要繼承這個基類，太麻煩？

另一種方式，是借助通知來控制界面的橫豎屏切換。

還是整個App中大部分界面都是豎屏，某個界面可以橫豎屏切換的情況。

首先，在【General】-->【Device Orientation】設置僅支持豎屏，like this:

Device Orientation

然后在特殊的視圖控制器里的ViewDidLoad中注冊通知：

    [[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(deviceOrientationDidChange) name:UIDeviceOrientationDidChangeNotification object:nil];

通知方法的實現過程：

- (void)deviceOrientationDidChange
{
    NSLog(@"deviceOrientationDidChange:%ld",(long)[UIDevice currentDevice].orientation);
    if([UIDevice currentDevice].orientation == UIDeviceOrientationPortrait) {
        [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationPortrait];
        [self orientationChange:NO];
        //注意： UIDeviceOrientationLandscapeLeft 與 UIInterfaceOrientationLandscapeRight
    } else if ([UIDevice currentDevice].orientation == UIDeviceOrientationLandscapeLeft) {
        [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight];
        [self orientationChange:YES];
    }
}

- (void)orientationChange:(BOOL)landscapeRight
{
    if (landscapeRight) {
        [UIView animateWithDuration:0.2f animations:^{
            self.view.transform = CGAffineTransformMakeRotation(M_PI_2);
            self.view.bounds = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
        }];
    } else {
        [UIView animateWithDuration:0.2f animations:^{
            self.view.transform = CGAffineTransformMakeRotation(0);
            self.view.bounds = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
        }];
    }
}
// 用到的兩個宏：
    #define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)
    #define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)

最重要的一點:

需要重寫如下方法，并且返回NO。

- (BOOL)shouldAutorotate
{
    return NO;
}

這樣，在設備出于橫屏時，界面就會變成橫屏，設備處于豎屏時，界面就會變成豎屏。

填坑

上面方式二，因為【General】-->【Device Orientation】因為只設置了豎屏，所以當橫屏時，如果有鍵盤彈出，鍵盤是豎屏時的樣式。

解決辦法：在【General】-->【Device Orientation】中加上橫屏時的方向。
如果VieController 是放在UINavigationController或者UITabBarController中，需要重寫它們的方向控制方法。

// UINavigationController：
- (BOOL)shouldAutorotate
{
    return [self.topViewController shouldAutorotate];
}

- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    return [self.topViewController supportedInterfaceOrientations];
}

// UITabBarController:
- (BOOL)shouldAutorotate
{
    return [self.selectedViewController shouldAutorotate];
}

- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
    return [self.selectedViewController supportedInterfaceOrientations];
}

如果想要點擊某個按鈕之后，強制將豎屏顯示的界面變成橫屏呢？

有人可能會想到這樣寫:

// 橫屏
- (IBAction)landscapAction:(id)sender {
    [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight];
    [self orientationChange:YES];
}

但是按照上面的寫法，會導致返回到之前的界面時，視圖方向錯誤，即使返回前執行如下代碼：

[[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationPortrait];
[self orientationChange:NO];

也沒有作用，下面是在開源工程中無意看到的寫法：

// 橫屏
- (IBAction)landscapAction:(id)sender {
    [self interfaceOrientation:UIInterfaceOrientationLandscapeRight];
}

// 豎屏
- (IBAction)portraitAction:(id)sender {
    [self interfaceOrientation:UIInterfaceOrientationPortrait];
}

- (void)interfaceOrientation:(UIInterfaceOrientation)orientation
{
    if ([[UIDevice currentDevice] respondsToSelector:@selector(setOrientation:)]) {
        SEL selector             = NSSelectorFromString(@"setOrientation:");
        NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:[UIDevice instanceMethodSignatureForSelector:selector]];
        [invocation setSelector:selector];
        [invocation setTarget:[UIDevice currentDevice]];
        int val                  = orientation;
        [invocation setArgument:&val atIndex:2];
        [invocation invoke];
    }
}

上面的方法會將設備的方向強制設置為某個方向，然后再監控設備方向改變的通知，即可實現橫豎屏切換。

這里有一個用JS 和原生item 控制橫豎屏切換的Demo。地址

這是效果圖：

橫豎屏切換

橫豎屏切換總結就到這來了，Have Fun!

來自：http://www.cocoachina.com/ios/20160722/17148.html

本文由用戶 Madeline331 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/lib/view/open1469154419449.html

iOS開發移動開發

iOS 知識小集（橫豎屏切換）

一般情形

特殊情形

填坑

相關經驗

相關資訊

相關文檔

目錄