簡體   English   中英

iOS 13 中的暗模式啟動屏幕

[英]Dark mode launch screen in iOS 13

我已將我的 iOS 應用程序更新為在 iOS 13 上的暗模式下工作,但我在嘗試讓啟動屏幕看起來不錯時遇到了麻煩。

目前它是一個明亮的白色屏幕,帶有應用程序徽標,在黑暗模式下看起來很糟糕。 我嘗試將啟動屏幕的背景顏色設置為我制作的顏色資產,“任何外觀”為白色,“暗外觀”為黑色 - 但啟動屏幕仍然始終顯示為白色。

有什么方法可以讓我的啟動屏幕在黑暗模式下正常工作?

設置啟動屏幕故事板時,將視圖“背景”顏色設置為“系統背景顏色”。 這在淺色模式下為白色,在深色模式下為黑色。 無需使用您自己的顏色資產。

我在 iOS 13 中找到了一個支持早期 iOS 版本以及每種模式(深色和淺色)的自定義顏色的解決方案。

  1. 創建一個圖像資源,將外觀設置為任意、淺色、深色,然后加載具有所需顏色的小型純色 png。 在這種情況下,我使用橙色表示亮,黑色表示暗。

圖像資產

  1. 轉到您的 LanuchScreen.storyboard 並添加具有該圖像資產的圖像視圖。 將圖像放在圖像徽標后面,將內容模式設置為縱橫比填充,並將視圖限制在所有側面的超級視圖中。 (確保您的徽標在兩個背景下看起來不錯,或者也設置其外觀)

  2. 這是我必須做一個技巧的地方。 出於某種原因,我無法顯示背面圖像。 檢查Launch Screen storyboard not display image 中的一些評論后,我將圖像資產中的第一張圖像添加到目標包中

顏色在舊版本的 iOS 中是靜態的,它適用於 iOS 13 中的深色和淺色模式。

我正在更新我的應用程序以支持 iOS 13 的新暗模式,我在我的LanuchScreen.storyboard 中為視圖的背景添加了“系統背景顏色”,但令人驚訝的是它不起作用!

頁面上的徽標圖像根據明/暗模式正確更改,但不是背景!

我正要應用 Jose 的解決方案,但在此之前,我決定從我的設備中完全刪除該應用程序,然后再試一次。 它奏效了!!

我在 Xcode 默認提供的顏色中缺少我的調色板中的顏色,所以我使用Color.xcassets創建了我自己的顏色,在那里我創建了帶有外觀的自定義顏色集Any, Dark並設置了我的顏色。

在此處輸入圖片說明

然后我可以在自動布局中使用它們,就像系統顏色一樣,即使在LaunchScreen

在此處輸入圖片說明

是的啟動屏幕在黑暗模式下工作,首先檢查“xyz”圖像的背景顏色。 如果沒問題。 只需從設備或模擬器中刪除您的應用程序,因為有時啟動屏幕會被設備或模擬器緩存,您將無法在其上獲得更新 UI。 如果你會遇到同樣的問題,請關注我的演示應用程序 github.com/Indolia/darkmode.git

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM