iOS 知识小集（横竖屏切换）

   <p>iOS 中横竖屏切换的功能，在开发iOS app中总能遇到。以前看过几次，感觉简单，但是没有敲过代码实现，最近又碰到了，demo尝试了几种情况，这里就做下总结。</p>    <p><strong>注意</strong></p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/515404b3743d009b5356c630133d7b58.png"></p>    <p>横屏两种情况是反的你知道吗？</p>    <p>UIInterfaceOrientationLandscapeRight 与 UIInterfaceOrientationMaskLandscapeRight 都代表横屏，Home键在右侧的情况； UIDeviceOrientationLandscapeLeft 则是Home键在左侧。</p>    <h2>一般情形</h2>    <p>所有界面都支持横竖屏切换</p>    <p>如果App的所有切面都要支持横竖屏的切换，那只需要勾选【General】 中的【Device Orientation】，选择希望支持的方向即可。</p>    <p><img src="https://simg.open-open.com/show/f523f0d25ce28a6a894188fd1be1be7b.png"></p>    <p>图中支持竖屏和Home在右侧</p>    <p>如上设置完之后，当设备竖屏的时候，所有的界面都是竖屏显示的；而当设备横屏Home在右侧时，所有的界面会横屏显示。其他方向不支持，界面不会改变。</p>    <p>这里有个坑：</p>    <p>在iOS 9 之后横屏时，状态栏会消失。</p>    <p>解决方法：确保plist 中的【View controller-based status bar appearance】为YES，然后重写ViewController的 - (BOOL)prefersStatusBarHidden ，返回值是NO。</p>    <pre>  <code class="language-objectivec">- (BOOL)prefersStatusBarHidden  {      return NO;  }</code></pre>    <h2>特殊情形</h2>    <p>个别界面固定方向，其他所有界面都支持横竖屏切换</p>    <p>这种情况，在【General】-->【Device Orientation】中设置好支持的方向后，只需要在这些特殊的视图控制器中重写两个方法：</p>    <pre>  <code class="language-objectivec">// 支持设备自动旋转  - (BOOL)shouldAutorotate  {      return YES;  }    /**   *  设置特殊的界面支持的方向,这里特殊界面只支持Home在右侧的情况  */  - (UIInterfaceOrientationMask)supportedInterfaceOrientations   {      return UIInterfaceOrientationMaskLandscapeRight;  }</code></pre>    <p>个别界面支持横竖屏切换，其他所有界面都固定方向</p>    <p>可能大多数App会是这种需求，某些特殊界面只能横屏，如视频播放类App。</p>    <p>这里有两种处理方式：</p>    <p>方式一</p>    <p>在【General】-->【Device Orientation】中设置好需要支持的所有方向。然后使用一个基类控制器，在基类控制器中重写两个控制横竖屏的方法：</p>    <pre>  <code class="language-objectivec">// 支持设备自动旋转  - (BOOL)shouldAutorotate  {      return YES;  }    // 支持竖屏显示  - (UIInterfaceOrientationMask)supportedInterfaceOrientations  {      return UIInterfaceOrientationMaskPortrait;  }</code></pre>    <p>再然后，特殊的界面上再重写这俩方法，让其可以自动切换方向。</p>    <pre>  <code class="language-objectivec">// 如果需要横屏的时候，一定要重写这个方法并返回NO  - (BOOL)prefersStatusBarHidden  {      return NO;  }    // 支持设备自动旋转  - (BOOL)shouldAutorotate  {      return YES;  }    // 支持横屏显示  - (UIInterfaceOrientationMask)supportedInterfaceOrientations  {      // 如果该界面需要支持横竖屏切换      return UIInterfaceOrientationMaskLandscapeRight | UIInterfaceOrientationMaskPortrait;      // 如果该界面仅支持横屏     // return UIInterfaceOrientationMaskLandscapeRight；  }</code></pre>    <p>方式二</p>    <p>用方式一的方法，还需要借助一个基类，所有的控制器都要继承这个基类，太麻烦？</p>    <p>另一种方式，是借助通知来控制界面的横竖屏切换。</p>    <p>还是整个App中大部分界面都是竖屏，某个界面可以横竖屏切换的情况。</p>    <p>首先，在【General】-->【Device Orientation】设置仅支持竖屏，like this:</p>    <p><img src="https://simg.open-open.com/show/8514da0fe0f935a2acef2d3c7721f477.png"></p>    <p>Device Orientation</p>    <p>然后在特殊的视图控制器里的ViewDidLoad中注册通知：</p>    <pre>  <code class="language-objectivec">    [[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];      [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(deviceOrientationDidChange) name:UIDeviceOrientationDidChangeNotification object:nil];</code></pre>    <p>通知方法的实现过程：</p>    <pre>  <code class="language-objectivec">- (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)</code></pre>    <p>最重要的一点:</p>    <p>需要重写如下方法，并且返回NO。</p>    <pre>  <code class="language-objectivec">- (BOOL)shouldAutorotate  {      return NO;  }</code></pre>    <p>这样，在设备出于横屏时，界面就会变成横屏，设备处于竖屏时，界面就会变成竖屏。</p>    <h2>填坑</h2>    <ul>     <li> <p>上面方式二，因为【General】-->【Device Orientation】因为只设置了竖屏，所以当横屏时，如果有键盘弹出，键盘是竖屏时的样式。</p> <p>解决办法：在【General】-->【Device Orientation】中加上横屏时的方向。</p> </li>     <li> <p>如果VieController 是放在UINavigationController或者UITabBarController中，需要重写它们的方向控制方法。</p> </li>    </ul>    <pre>  <code class="language-objectivec">// 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];  }</code></pre>    <ul>     <li> <p>如果想要点击某个按钮之后，强制将竖屏显示的界面变成横屏呢？</p> <p>有人可能会想到这样写:</p> </li>    </ul>    <pre>  <code class="language-objectivec">// 横屏  - (IBAction)landscapAction:(id)sender {      [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight];      [self orientationChange:YES];  }</code></pre>    <p>但是按照上面的写法，会导致返回到之前的界面时，视图方向错误，即使返回前执行如下代码：</p>    <pre>  <code class="language-objectivec">[[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationPortrait];  [self orientationChange:NO];</code></pre>    <p>也没有作用，下面是在开源工程中无意看到的写法：</p>    <pre>  <code class="language-objectivec">// 横屏  - (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];      }  }</code></pre>    <p>上面的方法会将设备的方向强制设置为某个方向，然后再监控设备方向改变的通知，即可实现横竖屏切换。</p>    <p>这里有一个用JS 和原生item 控制横竖屏切换的Demo。 <a href="/misc/goto?guid=4959675638219781875" rel="nofollow,noindex">地址</a></p>    <p>这是效果图：</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/390aca2bf5b37b83ae6436e85e4fea9b.gif"></p>    <p style="text-align: center;">横竖屏切换</p>    <p>横竖屏切换总结就到这来了，Have Fun!</p>    <p> </p>    <p>来自：http://www.cocoachina.com/ios/20160722/17148.html</p>    <p> </p>