当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS基础之路:横竖屏

iOS基础之路:横竖屏

2018年03月04日  | 移动技术网IT编程  | 我要评论

夫荣妻贵 清越流歌,akbingo2008,郑州十一中分数线

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

注意

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

UIInterfaceOrientationLandscapeRight与UIInterfaceOrientationMaskLandscapeRight都代表横屏,Home键在右侧的情况;UIDeviceOrientationLandscapeLeft则是Home键在左侧。

一般情形

所有界面都支持横竖屏切换

如果App的所有切面都要支持横竖屏的切换,那只需要勾选【General】 中的【Device Orientation】,选择希望支持的方向即可。

如上设置完之后,当设备竖屏的时候,所有的界面都是竖屏显示的;而当设备横屏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】设置仅支持竖屏

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];

}

}

上面的方法会将设备的方向强制设置为某个方向,然后再监控设备方向改变的通知,即可实现横竖屏切换。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网