自訂安全中心使用者介面

安全中心使用者介面的程式碼位於 safetycenter 目錄中 packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/。 如要自訂安全中心 UI，請使用以下程式碼中的執行階段資源疊加層 (RRO)： 原始設備製造商 (OEM) 疊加層資料夾。如要進一步瞭解 RRO，請參閱「變更應用程式的 計算 ANR 事件

安全中心主題和顏色

安全中心有下列四項原則主題，都具有相同的 UI 屬性：

  • 安全中心燈
  • 安全中心 (深膚色)
  • 安全中心快速設定燈
  • 安全中心快速設定：深色

安全中心主題包含預設顏色。原則上繪製了 UI 顏色 能夠配合原始設備製造商 (OEM) 的通用模式自動調整 自訂 Android 顏色、根據預設，這些顏色會在 Android 中的 Material You 樣式。

如要變更安全中心的顏色，可以覆寫設定值。

安全中心 UI 顏色 屬性名稱 資源
背景 android:colorBackground @android:color/background_device_default_light
@android:color/primary_dark_device_default_settings
Surface colorSurface @color/sc_surface_light @color/sc_surface_dark
表面變化版本 colorSurfaceVariant @color/sc_surface_variant_light
@color/sc_surface_variant_dark
主要文字 android:textColorPrimary @android:color/text_color_primary
次要文字 android:textColorSecondary @android:color/text_color_secondary
圖示 android:textColorSecondary @android:color/text_color_secondary
資源 預設值
@color/sc_surface_light 具有 L 星值的 @android:color/system_neutral1_500 共 98 個 (感知亮度)
@color/sc_surface_dark @android:color/system_neutral1_800
@color/sc_surface_variant_light @android:color/system_neutral2_100
@color/sc_surface_variant_dark @android:color/system_neutral1_700

問題嚴重性顏色

安全中心會透過交通號誌系統說明問題嚴重性：

  • 綠色代表資訊問題，且狀態正常
  • 以黃色圖示顯示建議
  • 嚴重問題而紅色
  • 灰色代表缺少資訊

根據預設，這些顏色採用 Google Material 調色盤。三 建議您保留這些基本顏色，但您也可以使用 分別是綠色、黃色和紅色的調色盤。

這些顏色屬性可用來將 安全中心使用者介面，包括圖示、按鈕、掃描和狀態變更 動畫。修改這些顏色後，所有元素都會恢復上色。例如，將 @color/sc_status_info_{light,dark} 會變更 掃描期間的靜態狀態圖片和背景動畫。

安全中心快速設定主題一律使用深色模式色彩，無論 裝置設為深色模式。

嚴重性 UI 元素 屬性或資源名稱 預設顏色
資訊 (綠色) 身分盾牌 ?attr/colorScStatusInfo 淺色：綠色 600 (#1e8e3e)
深色：綠色 500 (#34a853)
狀態盾牌容器 ?attr/colorScStatusBackgroundInfo 淺色：綠色 100 (#ceead6)
colorSurfaceVariant
Icon ?attr/colorScIconInfo 綠色 500 (#34a853)
主要動作按鈕 @color/safety_center_button_info 綠色 400 (#5bb974)
次要動作按鈕 @color/safety_center_outline_button_info 綠色 300 (#81c995)
建議 (黃色) 身分盾牌 ?attr/colorScStatusRecommend 淺：黃色 600 (#f9ab00)
深色：黃色 500 (#fbbc04)
狀態盾牌容器 ?attr/colorScStatusBackgroundRecommend 淺色：黃色 100 (#feefc3)
深色：colorSurfaceVariant
Icon ?attr/colorScIconRecommend 黃色 500 (#fbbc04)
主要動作按鈕 @color/safety_center_button_recommend 黃色 400 (#fcc934)
次要動作按鈕 @color/safety_center_outline_button_recommend 黃色 300 (#fdd663)
警告 (紅色) 身分盾牌 ?attr/colorScStatusWarn 淺色：紅色 600 (#d93025)
深色：紅色 500 (#ea4335)
狀態盾牌容器 ?attr/colorScStatusBackgroundWarn 淺色：紅色 100 (#fad2cf)
深色：colorSurfaceVariant
Icon ?attr/colorScIconWarn 紅色 500 (#ea4335)
主要動作按鈕 @color/safety_center_button_warn 紅色 400 (#ee675c)
次要動作按鈕 @color/safety_center_outline_button_warn 紅色 300 (#f28b82)
沒有任何建議 (灰色) Icon ?attr/colorScIconNull 灰色 600 (#80868b)

Android 14 新增了可重疊的顏色資源 ，且部分預設色彩已修改：

資源名稱 Android 13 背光顏色 Android 14 背光顏色 Android 14 十六進位碼
@color/sc_status_info_light Green 600 語意綠 #0E8435
@color/sc_status_recommend_light Yellow 600 未變更
@color/sc_status_warn_light Red 600 未變更
@color/sc_status_info_dark 綠色 500 綠色 400 #5BB974
@color/sc_status_recommend_dark 黃色 500 黃色 400 #FCC934
@color/sc_status_warn_dark 紅色 500 紅色 400 #EE675C
@color/sc_status_background_info_light Green 100 未變更
@color/sc_status_background_recommend_light Yellow 100 未變更
@color/sc_status_background_warn_light Red 100 未變更
@color/sc_status_background_info_dark sc_surface_variant_dark 未變更
@color/sc_status_background_recommend_dark sc_surface_variant_dark 未變更
@color/sc_status_background_warn_dark sc_surface_variant_dark 未變更
@color/sc_icon_info_light 綠色 500 未變更
@color/sc_icon_recommend_light 黃色 500 未變更
@color/sc_icon_warn_light 紅色 500 未變更
@color/sc_icon_null_light Grey 600 未變更
@color/sc_icon_info_dark 綠色 500 綠色 400
@color/sc_icon_recommend_dark 黃色 500 黃色 400
@color/sc_icon_warn_dark 紅色 500 紅色 400
@color/sc_icon_null_dark Grey 600 灰色 400 #BDC1C6
@color/sc_shield_accent_dark 無法使用 Grey 900 #202124

UI 顏色

綠色狀態

綠色盾牌

#1E8E3E (綠色/600)
深色主題
#34A853 (綠色/500)
綠色容器

#CEEAD6 (綠色/100)
深色主題
#474741
綠色設定圖示

#34A853 (綠色/500)
深色主題
#34A853 (綠色/500)
掃描按鈕

綠色按鈕
#5BB974 (綠色/400)
標題 副標題

#1B1C17 (TextColorPrimary) #46483B (TextColorSecondary)

黃色狀態

黃色盾牌

#F9AB00 (黃色/600)
深色主題
#FBBC04 (黃色/500)
黃色容器

#FEEFC3 (黃色/100)
深色主題
#474741 (黃色/500)
黃色設定圖示

#FBBC04 (黃色/500)
深色主題
#FBBC04 (黃色/500)
掃描按鈕

黃色按鈕
#5BB974 (黃色/400)
標題 副標題

#1B1C17 (TextColorPrimary) #46483B (TextColorSecondary)

紅色狀態

紅盾

#D93025 (紅色/600)
深色主題
#EA4335 (紅色/500)
紅色容器

#FAD2CF (紅色/100)
深色主題
#474741
紅色設定圖示

#EA4335 (紅色/500)
深色主題
#EA4335 (紅色/500)
解除安裝按鈕

紅色按鈕
#EE675C (紅色/400)
標題 副標題

#1B1C17 (TextColorPrimary) #46483B (TextColorSecondary)

字型和文字外觀

安全中心字型和文字外觀是根據 Android 的預設文字 外觀，並應繼承字型系列、粗細和其他項目的所有變更 屬性是由原始設備製造商 (OEM) 設為其裝置通用樣式。安全中心 也可以直接使用 RRO 覆寫文字外觀。

安全中心文字外觀 DeviceDefault 基準 顏色 大小 重量
TextAppearance.SafetyCenter.Headline TextAppearance.DeviceDefault.Headline android:textColorPrimary 依國家/地區而異 一般內容
TextAppearance.SafetyCenter.Headline.Status TextAppearance.DeviceDefault.Headline android:textColorPrimary 22 sp/28 sp 」
TextAppearance.SafetyCenter.Headline.Issue TextAppearance.DeviceDefault.Headline android:textColorPrimary 18 sp/24 sp 」
TextAppearance.SafetyCenter.Headline.Entry TextAppearance.DeviceDefault.Headline android:textColorPrimary 20 sp/24 sp 」
TextAppearance.SafetyCenter.Medium TextAppearance.DeviceDefault.Medium 依國家/地區而異 14 sp/20 sp 或
16 sp/24 sp		 中
TextAppearance.SafetyCenter.Body TextAppearance.DeviceDefault.Small android:textColorSecondary 14 sp/20 sp 一般內容

間距與樣式

安全中心會全面使用一組預設的邊框間距值，做為邊框間距和 利潤。覆寫空格以變更安全中心資訊密度 輕鬆分配獎金

資源名稱 預設值
@dimen/sc_spacing_xxxsmall 2 dp
@dimen/sc_spacing_xxsmall 4 dp
@dimen/sc_spacing_xsmall 8 dp
@dimen/sc_spacing_small 12 dp
@dimen/sc_spacing_medium 14 dp
@dimen/sc_spacing_large 16 dp
@dimen/sc_spacing_xlarge 18 dp
@dimen/sc_spacing_xxlarge 20 dp
@dimen/sc_spacing_xxxlarge 24 dp

您可以自訂安全中心資訊卡的邊角半徑。一個邊角尺寸 半徑用於按鈕，且三個角落的角尺寸將用於安全中心 資訊卡：

資源名稱 預設值
@dimen/sc_button_corner_radius 12 dp
@dimen/sc_card_corner_radius_large 28 dp
@dimen/sc_card_corner_radius_medium 20 dp
@dimen/sc_card_corner_radius_xsmall 4 dp

快速設定方塊

您可以透過 PrivilegeController 模組。「快速設定」資訊方塊會重複使用部分使用者介面 元件，讓重疊畫面可以使用：