帶有Camera 的View 手動及自動設定螢幕方向彙總

小東邪發表於2018-02-23
View

帶有Camera 的View 手動及自動設定螢幕方向彙總

需求：

1. 在一個始終開啟Camera的View上，預設以橫屏進入，橫屏狀態下可上下旋轉自動變換方向，手動點選按鈕切換豎屏，豎屏預設只有Home鍵向下一種方向。

2. 部分控制元件橫豎屏下的位置差別較大(使用AutoLayout實現) 不在本文介紹,如需幫助請點選SizeClass

注意：帶有Camera的View在旋轉時需要考慮先旋轉螢幕方向再旋轉Camera的Video方向，兩者並不直接繫結，因此需要我們分開做旋轉操作，否則會出現螢幕方向與相機的Video位置不能完全重合。

GitHub地址(附程式碼) : 帶有Camera 的View 手動及自動設定螢幕方向彙總

簡書地址 : 帶有Camera 的View 手動及自動設定螢幕方向彙總

部落格地址 : 帶有Camera 的View 手動及自動設定螢幕方向彙總

掘金地址 : 帶有Camera 的View 手動及自動設定螢幕方向彙總

總體流程：

  • 主控制器實現- (UIInterfaceOrientationMask)supportedInterfaceOrientations設定支援旋轉的方向
  • xib中設定每個控制元件橫豎屏下不同的約束
  • 通過按鈕手動設定螢幕將切換到的方向，並設定相機Video畫面的方向
  • 設定螢幕不同方向的需要改變的控制元件的尺寸狀態等相關邏輯
1. 在主控制器中首先載入支援螢幕方向的方法
- (UIInterfaceOrientationMask)supportedInterfaceOrientations {
    UIInterfaceOrientationMask screenMode;
    if ([[NSUserDefaults standardUserDefaults] boolForKey:@"isPortraitMode"]) {
        g_isPortraitMode = true;
        screenMode = UIInterfaceOrientationMaskPortrait;
    }else {
        g_isPortraitMode = false;
        screenMode = UIInterfaceOrientationMaskLandscape;
    }
    
    return screenMode;
}
複製程式碼

當程式啟動後，系統會先呼叫此方法，在- (UIInterfaceOrientationMask)supportedInterfaceOrientations中，通過全域性變數flag標識裝置支援旋轉的方向，這裡我們設定如果是豎屏則只支援Home鍵向下的情況，如果是橫屏則支援上下旋轉的兩種橫屏方向，該方法會在螢幕每次旋轉時呼叫。

2. 使用Autolayout 設定xib中控制元件的佈局

如果是要實現橫豎屏上的部分控制元件位置差別比較大可參考以下文章， 如需幫助請點選SizeClass

3. 手動設定螢幕方向
- (void)setScreenOrientation:(UIInterfaceOrientation)orientation {
     // m_rotatestate = 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];
    }
}
複製程式碼

當點選轉換按鈕的時候可通過上面的程式碼將螢幕手動旋轉為豎屏/橫屏方向。

4.設定控制元件的狀態

注意：要確保先設定了螢幕方向後再更新部分控制元件的位置或是狀態，不然可能獲取部分控制元件時呼叫控制元件的尺寸為上一種螢幕方向時控制元件的尺寸導致出現異常情況。

注意：

  • 因為當APP退出時下次進入會使用上一次儲存的橫屏或豎屏狀態，所以將橫豎屏的值儲存在資料庫
  • 當切換橫豎屏時，首先設定螢幕方向，請注意螢幕方向和相機方向並不直接關聯，所以每次旋轉需要分別旋轉，然後設定相機Video的方向，即如下程式碼，相機的方向並不會隨著螢幕方向變換而自動切換，所以需要同步進行設定。
-(void)adjustAVOutputDataOrientation:(AVCaptureVideoOrientation)aOrientation
{
    for(AVCaptureConnection *connection in video_output.connections)
    {
        for(AVCaptureInputPort *port in [connection inputPorts])
        {
            if([[port mediaType] isEqual:AVMediaTypeVideo])
            {
                if([connection isVideoOrientationSupported])
                {
                    [connection setVideoOrientation:aOrientation];
                }
            }
        }
    }
}
複製程式碼
  • 註冊[[NSNotificationCenter defaultCenter] addObserver: self selector: @selector(deviceOrientationDidChange:) name: UIDeviceOrientationDidChangeNotification object: nil]; 當方向旋轉過以後會呼叫一下方法，可進行部分邏輯的實現
- (void)deviceOrientationDidChange:(NSNotification *)notification {
    //Obtaining the current device orientation
    UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
    
    NSLog(@"Curent UIInterfaceOrientation is %ld",(long)orientation);
    
    //Ignoring specific orientations
    if (g_isPortraitMode || orientation == UIDeviceOrientationFaceUp || orientation == UIDeviceOrientationFaceDown || orientation == UIDeviceOrientationUnknown  || orientation == UIDeviceOrientationPortrait || orientation == UIDeviceOrientationPortraitUpsideDown){
        return;
    }
    if(orientation == UIDeviceOrientationLandscapeLeft)
        NSLog(@"Device Left");
    if(orientation == UIDeviceOrientationLandscapeRight)
        NSLog(@"Device Right");
    [self rotateToInterfaceOrientation:(UIInterfaceOrientation)orientation];
}
複製程式碼

相關文章