专栏首页哈雷彗星撞地球iOS 知识小集(横竖屏切换)

iOS 知识小集(横竖屏切换)

iOS 中横竖屏切换的功能,在开发iOS app中总能遇到。以前看过几次,感觉简单,但是没有敲过代码实现,最近又碰到了,demo尝试了几种情况,这里就做下总结。 注意

横屏两种情况是反的你知道吗?

UIInterfaceOrientationLandscapeRightUIInterfaceOrientationMaskLandscapeRight都代表横屏,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。地址 这是效果图:

横竖屏切换.gif

横竖屏切换总结就到这来了,Have Fun!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • # iOS中的KVO底层实现

    KVO是Key-Value-Observer的缩写,使用的是观察者模式。底层实现机制都是isa-swizzing,就是在底层调用object_setClass函...

    Haley_Wong
  • (译)Objective-C 类属性

    翻译自:Objective-C Class Properties 译者:Haley_Wong

    Haley_Wong
  • 算法之路(三)----查找斐波纳契数列中第 N 个数

    斐波那契数列满足公式f(n) = f(n-1) + f(n-2),n > 0。这里我们的第一想法是使用递归,可是直接翻译公式出来的递归调用是这样的:

    Haley_Wong
  • 接入letsencrypt+全面启用HTTP/2

    之前我的域名只有owent.net和www.owent.net买了SSL证书,现在有letsencrypt可以拿到免费的SSL签证,就稍微花了点时间把我的域名的...

    owent
  • 轻量级容器Docker - 创建nginx容器

    image.png 之前已经为Docker配置好了ssh服务,并创建好了带有SSH服务器的镜像,这里在此基础上安装nginx服务器,使外部可以访问容器中的ngi...

    dys
  • 35:字符串的展开 5分,实在无能为力

    35:字符串的展开 总时间限制: 1000ms 内存限制: 65536kB描述 在初赛普及组的“阅读程序写结果”的问题中,我们曾给出一个字符串展开的例子:如...

    attack
  • 35:字符串的展开

    35:字符串的展开 总时间限制: 1000ms 内存限制: 65536kB描述 在初赛普及组的“阅读程序写结果”的问题中,我们曾给出一个字符串展开的例子:如...

    attack
  • python 多进程和协程配合使用

    有一批key已经写入到3个txt文件中,每一个txt文件有30万行记录。 现在需要读取这些txt文件,判断key是否在数据仓库中。(redis或者mysql)

    py3study
  • 相对复杂的接口测试

    一个用户下的所有的订单。包含创建时间、支付状态和送货地址编号。一个goods_orders包括多条goods_order记录。

    小老鼠
  • [接口测试 - http.client篇] 16 基于http.client之POM实战一下

    概述 关注公众号回复: http.client_pom_demo 获取本文示例源码 你需要了解以下知识和技术,以便掌握后续的实例代码: http.client常...

    苦叶子

扫码关注云+社区

领取腾讯云代金券