iOS开发中App个别页面支持横屏

之前整个App是只支持竖屏的，一个功能性App要啥横屏啊，突然有一天有人心血来潮要在App中浏览文件的时候支持横屏，那就加吧，记录一下：
iOS App支持横竖屏切换需要在三个地方调整

1. 工程文件中需要勾选Landscape Left和Landscape Right

   
   image.png

2. App Delegate中需要实现- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window方法：

AppDelegate.h文件中添加属性allowRotate，用以告诉系统什么时候支持横屏

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;
@property (nonatomic, assign) BOOL allowRotate;

@end

AppDelegate.m文件中增加以下代码

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window {
    if (self.allowRotate) {
        return UIInterfaceOrientationMaskAll;
    }
    return UIInterfaceOrientationMaskPortrait;
}

3. 在需要支持旋转的页面testController.m中添加以下代码：

- (void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    // 启用转屏功能
    AppDelegate *delegate = (AppDelegate *)[UIApplication sharedApplication].delegate;
    delegate.allowRotate = YES;
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];

    // 关闭转屏功能
    AppDelegate *delegate = (AppDelegate *)[UIApplication sharedApplication].delegate;
    delegate.allowRotate = NO;
    // 离开页面时将App切回竖屏
    NSNumber *orientationTarget = [NSNumber numberWithInt:UIInterfaceOrientationPortrait];
    [[UIDevice currentDevice] setValue:orientationTarget forKey:@"orientation"];
}

做完以上操作之后，testController此时就已经支持转屏了，如果不能转屏，需查看一下手机控制中心的屏幕方向锁定开关是否打开。

image.png

以上这些做完后，多数情况下很可能是不够的，尤其是当我们的页面布局是使用frame写死的情况，如果是用Masonry或snapkit布局的很可能还会出现崩溃的问题issue491。
有些文章会通过以下两个方法开启监听屏幕旋转来实现页面适配

UIKIT_EXTERN NSNotificationName const UIDeviceOrientationDidChangeNotification;
- (void)beginGeneratingDeviceOrientationNotifications;
- (void)endGeneratingDeviceOrientationNotifications;

但是这里我们不这样做，我们用另一种方式实现，屏幕旋转时会触发- (void)viewWillLayoutSubviews方法，我们在这里重新布局即可。

// 注意，我们在初始化时候已经添加约束
- (void)viewDidLoad {
    [super viewDidLoad];
  
    [self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.equalTo(self.view.mas_safeAreaLayoutGuideLeft);
            make.right.equalTo(self.view.mas_safeAreaLayoutGuideRight);
            make.top.equalTo(self.view.mas_safeAreaLayoutGuideTop);
            make.bottom.equalTo(self.view.mas_safeAreaLayoutGuideBottom);
    }];
}
...
...
- (void)viewWillLayoutSubviews {
    [super viewWillLayoutSubviews];
    // 注意这里是remake
    [self.tableView mas_remakeConstraints:^(MASConstraintMaker *make) {
          make.left.equalTo(self.view.mas_safeAreaLayoutGuideLeft);
          make.right.equalTo(self.view.mas_safeAreaLayoutGuideRight);
          make.top.equalTo(self.view.mas_safeAreaLayoutGuideTop);
          make.bottom.equalTo(self.view.mas_safeAreaLayoutGuideBottom);
    }];
}

至此，在一个竖屏App中个别页面实现转屏支持的操作已全部完成。