如何在iOS 11上的iPhone X上獲得黑色狀態欄

Question

默認情況下，iPhone X上的狀態欄如下所示：

但我想實現這個目標：

我嘗試將preferredStatusBarStyle設置為lightContent但它只在將狀態欄后面的背景設置為黑色后才起作用。

為了修復圓角，我最后添加了另一個圓角的子視圖。

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = .black

        let roundedView = UIView(
            frame: CGRect(
                x: 0,
                y: UIApplication.shared.statusBarFrame.height,
                width: view.frame.width,
                height: view.frame.height
            )
        )
        roundedView.layer.cornerRadius = 10
        roundedView.layer.masksToBounds = true
        roundedView.backgroundColor = .white
        view.addSubview(roundedView)

        let label = UILabel(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: 60))
        label.text = "Black statusbar!"
        label.textAlignment = .center
        roundedView.addSubview(label)
    }

    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

我想知道這是否是最好的方法..必須有更好的方法來實現這一目標。

---

UPDATE

這是一個可怕的想法，因為：

• 正如@Moritz指出的那樣， Apple的指導明確禁止這樣做：

請勿掩蓋或特別注意按鍵顯示功能。 不要試圖通過在屏幕的頂部和底部放置黑條來隱藏設備的圓角，傳感器外殼或用於訪問主屏幕的指示器。 不要使用括號，邊框，形狀或說明文字等視覺裝飾來特別注意這些區域。

• 視圖頂部的圓角可能看起來不錯，但您必須在代碼中添加例外以確保其他iPhone上不顯示圓角。 你需要把它放在你所有的ViewControllers / Storyboard中。這不是那么好。

• 視圖底部的圓角將在屏幕截圖中顯示為直線，但頂部的角（手動設置）不會。 當用戶分享您的應用時，這將是丑陋的。

Answer 1

安全區域布局是您的問題的解決方案。

我嘗試在現有項目中使用該解決方案並且工作正常。

• 將黑色背景顏色（或任何您想要的顏色）設置為視圖控制器的主視圖。
• 現在添加子視圖（帶有白色背景）並相對於安全區域布局設置其約束（如果Xcode版本低於9，則按照頂部和底部布局指南）。
• 將此子視圖（帶有白色背景）視為主視圖，並使用它進一步設計。

以下是帶有結果的示例快照，通過啟用或禁用安全區布局，我進行了測試和實施。

僅供參考：在這些快照中，主視圖具有紅色背景，子視圖具有藍色背景顏色。

安全區域布局：

自動版式