iOS 横竖屏切换(源码讲解,图加源码)

        现在手头上项目我们团队干了半年了,还有一个月就要提交App Store了,突然间,产品那边跟我们说某几个界面需要支持横屏,我只能说真是奇葩,团队中的人都在抱怨说没法做,因为之前没有这个需求,做了半年了,你要是之前就说可以支持横屏,框架就不会这么写了,。。。确实,产品真坑,但是既然提出来了,你就得做吧,抱怨是没什么用的,还是好好研究比较重要,我就把这个活接了下来,看网上别人的思想,看苹果文档,反正能摄取知识的地方我都用了,最后,终于在今天下午完成了,不管你是想单独的一个viewController横屏还是单独的View横屏,反正只要是牵扯到横屏的, 这篇博客都可以帮你解决


第一步:设置横屏


设置横屏有很多种方法,我知道的有四种,如下

第一种:


里边有设备的旋转,你看你是需要支持哪几个方向,勾选上对应的方向即可,那么你整个项目,所有页面就都支持你勾选的这些方向了。

第二种:第二种和第一种其实很类似:


看到那个下拉框了吧,对,就是在这个下拉框中添加你需要的支持的屏幕方向,和第一种一样,你选择后整个项目都支持你选择的那些屏幕方向了。

当然了,只是修改这个配置肯定也是不行的,我们还需要在AppDelegate中,也就是程序入口的时候我们需要再用代码来设置支持那些屏幕方向,设置这个方向也是有两种方法:

第一种,给导航控制器加一个category,让它支持横屏:


//@implementation UINavigationController (Rotation)
//
//- (BOOL)shouldAutorotate {
//    return [self.topViewController shouldAutorotate];
//}
//
//- (UIInterfaceOrientationMask)supportedInterfaceOrientations {
//    return [self.topViewController supportedInterfaceOrientations];
//}
//
//- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation {
//    return [self.topViewController preferredInterfaceOrientationForPresentation];
//}
//
//@end


第二种,在iOS6.0之后加了一个苹果新增了方法:


- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(nullable UIWindow *)window  NS_AVAILABLE_IOS(6_0) __TVOS_PROHIBITED;

对,就是在这个里边设置横竖屏,代码如下:

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(nullable UIWindow *)window {
//    if (self.mAllowRotation == 1) {
//        return UIInterfaceOrientationMaskAll;
//    }else {
//        return UIInterfaceOrientationMaskPortrait;
//    }
    return UIInterfaceOrientationMaskAll;
}

然后你再跑你的项目,我们可以看到已经支持横屏了,看下图:

可是当我们在再给这个横国屏的界面旋转过来的时候,额。。。看下图:

什么鬼???大家不会和我一样吧,想着直接设置横屏后让软件来回翻转就可以了?答案肯定是不行的,为什么?因为在旋转之后你的屏幕宽和高变化了,屏幕之前的宽变成了高,高变成了宽,导致上图的现象,那我们还需要做点什么吧?肯定的,肯定还有很长的路要走,我们需要在屏幕处于横屏的时候把宽和高互换,那么我们是能看出来屏幕是横屏还是竖屏,可是软件自身呢?他会知道吗?看了看苹果的API,发现有通知,屏幕处于什么状态都会返回给我们对应的状态,于是我就想着用通知,代码如下:

//- (void)orientationDidChange:(UIInterfaceOrientation)interfaceOrientation {
//    UIDevice *currentDevice = [UIDevice currentDevice];
//    switch (currentDevice.orientation) {
//        case UIDeviceOrientationLandscapeLeft:
//        {
//            mCurrentOrientation = UIInterfaceOrientationLandscapeLeft;
//            self.transform = CGAffineTransformMakeRotation(M_PI_2);
//            [[UIApplication sharedApplication]setStatusBarHidden:YES];
//            self.viewController.tabBarController.tabBar.hidden = YES;
//            [self.viewController shouldAutorotate];
//        }
//            break;
//        case UIDeviceOrientationLandscapeRight:
//        {
//            mCurrentOrientation = UIInterfaceOrientationLandscapeRight;
//       //     self.layer.transform = CATransform3DMakeRotation(-M_PI_2, 0, 0, 1);
//            self.transform = CGAffineTransformMakeRotation(-M_PI_2);
//             [[UIApplication sharedApplication]setStatusBarHidden:YES];
//            self.viewController.tabBarController.tabBar.hidden = YES;
//            [self.viewController shouldAutorotate];
//        }
//            break;
//        case UIDeviceOrientationPortrait:
//        {
//            mCurrentOrientation = UIInterfaceOrientationPortrait;
//            self.transform = CGAffineTransformMakeRotation(0);
//            self.viewController.tabBarController.tabBar.hidden = NO;
//        }
//            break;
//        case UIDeviceOrientationPortraitUpsideDown:
//        {
//            //不让其倒屏
            mCurrentOrientation = UIDeviceOrientationPortraitUpsideDown;
            self.transform =CGAffineTransformMakeRotation(M_PI);
            self.viewController.tabBarController.tabBar.hidden = NO;
//            break;
//        }
//            break;
//            
//        default:
//            break;
//    }
//    [self layoutSubviews];
//}


这个的思路就是通过通知随时获取当前设备的方向,然后知道了屏幕的方向之后再进行旋转屏幕,进而重新布局,这种是我最先想到的,可是,当前设备的方向有时候获取不到

使用 UIDeviceOrientation deviceOrientation = [UIDevice currentDevice].orientation方法,获取当前设备的方向,第一次使用的时候,总是返回0

后来修改后可以这样使用 下边这个方法获取, 

UIInterfaceOrientation deviceOrientation = [[UIApplicationsharedApplication]statusBarOrientation];

标记一下.可是,deviceOrientation还有一个缺点就是只能获取,不能赋值,既然这么多缺点,我为什么还要用你,所以先定了方向,那就是用UIInterfaceOrientation 。

也就是说用UIInterfaceOrieatation来直接获取软件的方向,别管什么用通知来获取了,直接就用UIInterfaceOrientation就OK,获取到方向后,我们改变宽和高来对这个项目重新布局就可以了,貌似是解决问题了,可是,对,还有可是,这是把所有界面都横屏了,项目的需求不是这样的,那我在这干啥呢,不过,确定了一点,用UIInterfaceOritation.


第二步:把不用横屏的界面设置为竖屏(强制)代码如下:




解决问题了吗?按道理来说是已经解决问题了,我把这个不用横屏的controller设置为横屏不就可以了嘛,如果有同学跟我敲到这,肯定是有些童鞋可以强制竖屏了,而有些童鞋还是没竖过来,还是横屏,为什么?是这样的,如果童鞋是用模态跳过来的,那你加上上边的代码就可以达到强制竖屏的效果,可是,如果你是和我一样用导航栈的形式来管理controller的显示,那你就强制不了竖屏了。。。为什么会这样?说到这,今天我们再说说这个模态跳和导航跳之间的区别与关联:

push pop:

(1)导航控制器初始化的时候一般都有一个根视图控制器,导航控制器相当于一个栈,里面装的是视图控制器,最先进去的在最下面,最后进去的在最上面。在最上面的那个视图控制器的视图就是这个导航控制器对外展示的界面,也就是用户看到的界面。

(2)我们需要把导航控制器加载到APP中,需要把这个导航控制器设置为window的根视图控制器(都是控制器类,可以赋值),这样就相当于加载到了window里。

(3)我们要在栈中新增或者删除一个视图控制器,就需要得到导航控制器,一般在栈中得所有视图控制器都有一个self.navigationController,意思是我的导航控制器,也就是这个视图控制器所在的导航控制器,这样就拿到了导航控制器。

(4)栈中新增视图控制器用pushViewController,其实就是push进去一个,这样对于用户而言就是打开一个新界面了。

(5)栈中删除一个视图控制器用popViewControllerAnimated,当然这个pop只能pop最上面的那个,对于用户而言相当于从当前视图回到上一级视图。

(6)其实这个push和pop对于用户而言都是打开和跳转页面的一个操作。而pop由更多地操作方法,如一下子pop掉只剩下一个根视图控制器,那么就相当于从好几层直接回到最原始的主页面。也可以指定pop几个,以跳转到指定的页面

present dismiss:

弹出模态ViewController是IOS变成中很有用的一个技术,UIKit提供的一些专门用于模态显示的ViewController,如UIImagePickerController等。弹出模态ViewController主要使用于一下这几种情形:
 
  1、收集用户输入信息
 
  2、临时呈现一些内容
 
  3、临时改变工作模式
 
  4、相应设备方向变化(用于针对不同方向分别是想两个ViewController的情况)
 
  5、显示一个新的view层级
 
  这几种情形都会暂时中断程序正常的执行流程,主要作用是收集或者显示一些信息。

 
通俗点说,为什么导航跳不能强制横屏吧,你想啊,你这个viewController放在导航上,在push过来之前已经把导航给横屏了,你过来之后还是那一个导航,导航在横着,而push过来的VC竖屏了,有用吗?要不就是你重新创建一个导航控制器,别公用那一个导航控制器了,这样还是可以解决掉的,好了,改为横屏,成功!!!可是。。。在我们横屏强制切换到竖屏后解决了,可是,本来上来我就是强制某些界面是不能横屏的,这就解决不了了,为什么?因为我在AppDelegate中也就是把window的根视图控制器设置为了横屏,我的项目是window的rootVC是导航,导航上放的tabbar,我把功用的这个导航设置为支持横竖屏,也就是每一个bar上的VC都是支持横竖屏的,没法解决了,怎么弄。。。想到了一个方法,什么?我在appDelegate中加了一个竖型变量mAllowRotation, 在哪个需要横评的界面设置为对应可以横评的值,我是这么做的:

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(nullable UIWindow *)window {
    if (self.mAllowRotation == 1) {
        return UIInterfaceOrientationMaskAll;
    }else {
        return UIInterfaceOrientationMaskPortrait;
    }
}
在AppDelegate中加了一个属性变量mAllowRotation,判断当这个值为1的时候这个界面是支持横竖屏的,如果不是1,就只支持竖屏,下边就是自己来维护这个mAllowRotation这个属性变量了,根据项目需求自己维护,如果有缘看到我这篇博客,然后还没弄明白的话我们可以一块探讨,就这么回事

Hope To Help You !


技术交流群:141624834 进群请说你看的那篇博客,我们一起探讨成长


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值