Benutzeroberfläche des Sicherheitscenters anpassen

Der Code für die Sicherheitscenter-Benutzeroberfläche befindet sich im Verzeichnis safetycenter packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ Passen Sie die Benutzeroberfläche des Sicherheitscenters mithilfe der Runtime Resource Overlays (RROs) in der OEM-Overlay-Ordner. Informationen zu RROs finden Sie unter Ändern des Werts eines Ressourcen zur Laufzeit.

Designs und Farben für das Sicherheitscenter

Das Sicherheitscenter umfasst vier Hauptthemen mit den gleichen UI-Attributen:

  • Leuchte im Sicherheitscenter
  • Sicherheitscenter dunkelbraun
  • Leuchte für Schnelleinstellungen im Sicherheitscenter
  • Sicherheitscenter Schnelleinstellungen dunkelbraun

Sicherheitscenter-Designs enthalten Standardfarben. Das Prinzip der UI-Farben von Android-Systemfarben und können sich automatisch an die allgemeinen Android-Farben anpassen. Standardmäßig passen sich diese Farben an Material You-Styling in Android

Sie können die Farben des Sicherheitscenters ändern, indem Sie deren Werte überschreiben.

Farbe der Benutzeroberfläche des Sicherheitscenters Attributname Ressource
Hintergrund 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
Oberflächenvariante colorSurfaceVariant @color/sc_surface_variant_light
@color/sc_surface_variant_dark
Haupttext android:textColorPrimary @android:color/text_color_primary
Sekundärer Text android:textColorSecondary @android:color/text_color_secondary
Symbole android:textColorSecondary @android:color/text_color_secondary
Ressource Standardwert
@color/sc_surface_light @android:color/system_neutral1_500 mit einem L-Stern-Wert von 98 (Wahrnehmung der Leuchtdichte)
@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

Farben für Schweregrad des Problems

Das Sicherheitscenter informiert den Schweregrad des Problems über ein Ampel-Farbsystem:

  • Grün für Informationsprobleme und OK-Status
  • Gelb für Empfehlungen
  • Rot bei schwerwiegenden Problemen
  • Grau für fehlende Informationen

Standardmäßig stammen diese Farben aus der Google Material-Farbpalette. Mi. empfehlen, diese Grundfarben beizubehalten. Sie können aber auch andere Schattierungen der grünen, gelben und roten Palette.

Mit diesen Farbattributen werden Artikel mit Schweregrad in der Benutzeroberfläche des Sicherheitscenters mit Symbolen, Schaltflächen, Scans und Statusänderungen Animationen. Wenn Sie diese Farben ändern, werden alle Elemente neu eingefärbt. Wenn Sie zum Beispiel @color/sc_status_info_{light,dark} ändert die Hintergrundfarbe in beiden statisches Statusbild und die Hintergrundanimation während eines Scans.

Das Sicherheitscenter-Schnelleinstellungen-Design verwendet den dunklen Modus, unabhängig davon, ob das das Gerät auf den dunklen Modus gestellt ist.

Schweregrad UI-Element Attribut- oder Ressourcenname Standardfarbe
Info (Grün) Statusschild ?attr/colorScStatusInfo Hell: Grün 600 (#1e8e3e)
Dunkel: Grün 500 (#34a853)
Status Shield-Container ?attr/colorScStatusBackgroundInfo Hell: Grün 100 (#ceead6)
colorSurfaceVariant
Symbol ?attr/colorScIconInfo Grün 500 (#34a853)
Primäre Aktionsschaltfläche @color/safety_center_button_info Green 400 (#5bb974)
Sekundäre Aktionsschaltfläche @color/safety_center_outline_button_info Grün 300 (#81c995)
Empfehlung (gelb) Statusschild ?attr/colorScStatusRecommend Hell: Gelb 600 (#f9ab00)
Dunkel: Gelb 500 (#fbbc04)
Status Shield-Container ?attr/colorScStatusBackgroundRecommend Hell: Gelb 100 (#feefc3)
Dunkel: colorSurfaceVariant
Symbol ?attr/colorScIconRecommend Gelb 500 (#fbbc04)
Primäre Aktionsschaltfläche @color/safety_center_button_recommend Gelb 400 (#fcc934)
Sekundäre Aktionsschaltfläche @color/safety_center_outline_button_recommend Gelb 300 (#fdd663)
Warnung (rot) Statusschild ?attr/colorScStatusWarn Hell: Rot 600 (#d93025)
Dunkel: Rot 500 (#ea4335)
Status Shield-Container ?attr/colorScStatusBackgroundWarn Hell: Rot 100 (#fad2cf)
Dunkel: colorSurfaceVariant
Symbol ?attr/colorScIconWarn Rot 500 (#ea4335)
Primäre Aktionsschaltfläche @color/safety_center_button_warn Red 400 (#ee675c)
Sekundäre Aktionsschaltfläche @color/safety_center_outline_button_warn Rot 300 (#f28b82)
Keine Empfehlung (grau) Symbol ?attr/colorScIconNull Gray 600 (#80868b)

In Android 14 wurden Overlay-Farbressourcen hinzugefügt, für jede Farbeigenschaft des Designs, und einige Standardfarben wurden geändert:

Ressourcenname Android 13-Hintergrundfarbe Android 14-Hintergrundfarbe Hexadezimalcode für Android 14
@color/sc_status_info_light Green 600 Semantisches Grün #0E8435
@color/sc_status_recommend_light Gelb 600 Unverändert
@color/sc_status_warn_light Rot 600 Unverändert
@color/sc_status_info_dark Grün 500 Green 400 #5BB974
@color/sc_status_recommend_dark Gelb 500 Gelb 400 #FCC934
@color/sc_status_warn_dark Rot 500 Rot 400 #EE675C
@color/sc_status_background_info_light Grün 100 Unverändert
@color/sc_status_background_recommend_light Gelb 100 Unverändert
@color/sc_status_background_warn_light Rot 100 Unverändert
@color/sc_status_background_info_dark sc_surface_variant_dark Unverändert
@color/sc_status_background_recommend_dark sc_surface_variant_dark Unverändert
@color/sc_status_background_warn_dark sc_surface_variant_dark Unverändert
@color/sc_icon_info_light Grün 500 Unverändert
@color/sc_icon_recommend_light Gelb 500 Unverändert
@color/sc_icon_warn_light Rot 500 Unverändert
@color/sc_icon_null_light Grau 600 Unverändert
@color/sc_icon_info_dark Grün 500 Green 400
@color/sc_icon_recommend_dark Gelb 500 Gelb 400
@color/sc_icon_warn_dark Rot 500 Rot 400
@color/sc_icon_null_dark Grau 600 Grau 400 #BDC1C6
@color/sc_shield_accent_dark Nicht verfügbar Grau 900 #202124

UI-Farben

Grüner Zustand

Grünes Schild

#1E8E3E (grün/600)
Dunkles Design
#34A853 (grün/500)
Grüner Container

#CEEAD6 (grün/100)
Dunkles Design
#474741
Grünes Einstellungssymbol

#34A853 (grün/500)
Dunkles Design
#34A853 (grün/500)
Schaltfläche „Scannen“

Grüne Schaltfläche
#5BB974 (grün/400)
Titel Untertitel

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

Gelber Status

Gelbes Schild

#F9AB00 (Gelb/600)
Dunkles Design
#FBBC04 (gelb/500)
Gelber Container

#FEEFC3 (gelb/100)
Dunkles Design
#474741 (gelb/500)
Gelbes Einstellungssymbol

#FBBC04 (gelb/500)
Dunkles Design
#FBBC04 (gelb/500)
Schaltfläche „Scannen“

Gelbe Schaltfläche
#5BB974 (Gelb/400)
Titel Untertitel

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

Roter Zustand

Roter Schild

#D93025 (Rot/600)
Dunkles Design
#EA4335 (Rot/500)
Roter Container

#FAD2CF (Rot/100)
Dunkles Design
#474741
Rotes Einstellungssymbol

#EA4335 (Rot/500)
Dunkles Design
#EA4335 (Rot/500)
Schaltfläche „Deinstallieren“

Rote Schaltfläche
#EE675C (rot/400)
Titel Untertitel

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

Schriftarten und Textdarstellung

Die Schriftarten und die Textdarstellung des Sicherheitscenters basieren auf dem Standardtext von Android. Änderungen an Schriftfamilie, Schriftstärke und anderen Elementen Eigenschaften, die OEMs bereits für ihre geräteweiten Stile konfiguriert haben. Sicherheitscenter die Textdarstellung kann direkt mit RROs überschrieben werden.

Textdarstellung des Sicherheitscenters Standardbasis des Geräts Farbe Größe Gewicht
TextAppearance.SafetyCenter.Headline TextAppearance.DeviceDefault.Headline android:textColorPrimary Variiert Normal
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 Variiert 14 sp/20 sp oder
16 sp/24 sp		 Mittel
TextAppearance.SafetyCenter.Body TextAppearance.DeviceDefault.Small android:textColorSecondary 14 sp/20 sp Normal

Abstände und Stile

Das Sicherheitscenter verwendet eine Reihe von Standard-Padding-Werten für den Abstand und mit den Rändern. Die Informationsdichte des Sicherheitscenters durch Überschreiben der Abstände ändern Werte.

Ressourcenname Standardwert
@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

Sie können die Eckenradius der Karten „Sicherheitscenter“ anpassen. Eine Ecke Der Radius wird für Schaltflächen und drei Eckengrößen für das Sicherheitscenter verwendet. Karten:

Ressourcenname Standardwert
@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

Schnelleinstellungen-Kachel

Das Sicherheitscenter kann über eine Kachel für die Schnelleinstellungen aufgerufen werden, die im PermissionController-Modul. Die Kachel „Schnelleinstellungen“ verwendet einen Teil der Benutzeroberfläche Komponenten aus den Bildschirmen des Sicherheitscenters, damit Overlayables funktionieren: