iOS 橫豎屏切換

iOS 中橫豎屏切換的功能，在開發(fā)iOS app中總能遇到。以前看過幾次，感覺簡單，但是沒有敲過代碼實現(xiàn)，最近又碰到了，demo嘗試了幾種情況，這里就做下總結。

注意

blob.png

橫屏兩種情況是反的你知道嗎？

UIInterfaceOrientationLandscapeRight與UIInterfaceOrientationMaskLandscapeRight都代表橫屏，Home鍵在右側的情況；UIDeviceOrientationLandscapeLeft則是Home鍵在左側。

一般情形

所有界面都支持橫豎屏切換

如果App的所有切面都要支持橫豎屏的切換，那只需要勾選【General】 中的【Device Orientation】，選擇希望支持的方向即可。

blob.png

圖中支持豎屏和Home在右側

如上設置完之后，當設備豎屏的時候，所有的界面都是豎屏顯示的；而當設備橫屏Home在右側時，所有的界面會橫屏顯示。其他方向不支持，界面不會改變。

這里有個坑：

在iOS 9 之后橫屏時，狀態(tài)欄會消失。

解決方法：確保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;

}

個別界面支持橫豎屏切換，其他所有界面都固定方向

可能大多數(shù)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:

blob.png

Device Orientation

然后在特殊的視圖控制器里的ViewDidLoad中注冊通知：

[[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(deviceOrientationDidChange) name:UIDeviceOrientationDidChangeNotification object:nil];

通知方法的實現(xiàn)過程：

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

}

但是按照上面的寫法，會導致返回到之前的界面時，視圖方向錯誤，即使返回前執(zhí)行如下代碼：

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

}

}

上面的方法會將設備的方向強制設置為某個方向，然后再監(jiān)控設備方向改變的通知，即可實現(xiàn)橫豎屏切換。

這里有一個用JS 和原生item 控制橫豎屏切換的Demo。地址

這是效果圖：

727768-9d329256ad34abb8.gif

橫豎屏切換.gif

橫豎屏切換總結就到這來了，Have Fun!

搜索CocoaChina微信公眾號：CocoaChina 微信掃一掃

訂閱每日移動開發(fā)及APP推廣熱點資訊

公眾號：CocoaChina

我要投稿? 收藏文章 分享到：

21

上一篇：Deep Linking技術，你真的知道嗎

下一篇：基于SQLite3封裝,一行代碼實現(xiàn)增刪改查

相關資訊

【iOS 開發(fā)】iOS 10.3 如何更換 app 圖標 iOS端一次視頻全屏需求的實現(xiàn) iOS Security 蘋果安全白皮書都講了些啥？ 走出 iOS 單元測試的困境 iOS 底層解析weak的實現(xiàn)原理（包含weak對象的初始化，引用，釋放的分析） 從0到1思考與實現(xiàn)iOS-Widget iOS視圖成像理論及優(yōu)化 App開發(fā)者：蘋果iOS10.3為何讓我感到很興奮 iOS App的加固保護原理 iOS中書寫代碼規(guī)范35條小建議

我來說兩句

發(fā)表評論

您還沒有登錄！請登錄或注冊

所有評論（4）

折盡塵沙2016-08-23 18:03:37

mark

0? 0 回復

漫漫代碼路2016-07-31 15:38:41

mark

0? 0 回復

wuxianray2016-07-22 18:10:47

gif里面是用H5寫的啊

0? 0 回復

cyz2562016-07-22 12:02:06

mark

1? 0 回復

熱門資訊

面試了 20 個初/中級 iOS 工程師之后（上）

面試了 20 個初/中級 iOS 工程師之后（上）

點擊量12818

【收藏黨】我的2017 iOS開發(fā)工具集

【收藏黨】我的2017 iOS開發(fā)工具集

點擊量10378

年收入130萬以上，同行的你是怎么做到的？--2016年iOS個人開發(fā)者收入調(diào)查報告

年收入130萬以上，同行的你是怎么做到的？--2016年iOS個人開發(fā)者收入調(diào)查報告

點擊量8997

APP「登錄注冊模塊」詳解

APP「登錄注冊模塊」詳解

點擊量5542

微信重磅 | 小程序開放個人申請

微信重磅 | 小程序開放個人申請

點擊量4774

從0到1思考與實現(xiàn)iOS-Widget

從0到1思考與實現(xiàn)iOS-Widget

點擊量4543

iOS視圖成像理論及優(yōu)化

iOS視圖成像理論及優(yōu)化

點擊量4209

Stack Overflow 2017 開發(fā)者調(diào)查報告發(fā)布！

Stack Overflow 2017 開發(fā)者調(diào)查報告發(fā)布！

點擊量3458

蘋果開賣紅色版iPhone7：中國市場售價6188元起

蘋果開賣紅色版iPhone7：中國市場售價6188元起

點擊量3404

iOS App的加固保護原理

iOS App的加固保護原理

點擊量3402

綜合評論

haha? 無聊的文章，無聊的人。

WLang評論了在程序員的世界里，這些詞的意義大不同...

贊 很詳細，推薦一個快速上架ios APP工具Appuploader,提升效率，可以在Windows環(huán)境上架。

只竹青評論了iOS-最全的App上架教程...

從例外一個導航控制器跳轉回來就沒有效果了

新力量評論了幾句話實現(xiàn)導航欄透明漸變（iOS）...

前天遇到了這個問題，我的APP名稱上有Free，所以被拒，去掉就可以了

freedom_luo評論了APP名稱、截圖和預覽中包含價格信息（免費、打折）...

確認一下，代碼使用的語言是Python嗎

程序小白猿評論了圖片風格轉換--深度學習介紹...

第94個瞎幾把寫

guoranliaoran評論了超全！iOS 面試題匯總...

的確 創(chuàng)業(yè)是一個團隊的事情 并非一個人單打獨斗

christding評論了周鴻祎談創(chuàng)業(yè)：很多程序員高智商 但我一看就知道他們...

所以，cocoaChina 也開始收錄這么無聊的文章了。。。

魔靈幻夢評論了在程序員的世界里，這些詞的意義大不同...

GL_RGBA 這個是什么啊。兄弟

godwar10評論了iPhone幾種截屏的代碼分享...

怎么生成Debug-universal，我編譯后沒有生成這個文件夾

張琦19960110評論了iOS SVGKit的使用

相關帖子

美食短視頻app開發(fā)公司

共享單車app解決方案

關于gif圖上傳

CAMWorks Nesting 2013 SP0.1 for SolidWorks 2010-2013 Win32_64 2CD

APP開發(fā)制作

分享pdf怎么打開閱讀的方法

oc寫個小程序，在我和我?guī)讉€朋友越獄的手機上用，需要開發(fā)者者賬號嗎

你的應用必須發(fā)表在賣方名稱和公司名稱反映零售商。。。。

CLOSE狀態(tài)，是不是被封了

最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 1.監(jiān)聽屏幕旋轉方向 在處理iOS橫豎屏時，經(jīng)常會和UIDeviceOrientation、UIInterface...
    彬至睢陽閱讀 2,552評論 1贊 6
  • 進入正文前先認識幾個概念 portrait 豎屏（Home鍵在下邊） upside down 豎屏（Home鍵在上...
    hallfrita閱讀 1,490評論 0贊 2
  • 網(wǎng)上關于橫豎屏切換的資料很多，但是很容易踩到坑，不是屏幕不旋轉，就是屏幕旋轉后沒有狀態(tài)欄等，在寫的小demo里屏幕...
    凌云01閱讀 560評論 0贊 0
  • 導航控制器PUSH 需求：當前豎屏下情況下，導航欄直接PUSH出一個橫屏的控制器，并在POP后返回豎屏狀態(tài)。效果圖...
    毅個天亮閱讀 983評論 0贊 1
  • 本文只針對單個界面橫豎屏界面 1.首先在TARGETS中將橫豎屏勾選上(不用勾選貌似也可以,只不過需要在AppDe...
    低調(diào)的前行者灬閱讀 2,454評論 0贊 2