Dostosuj interfejs Centrum bezpieczeństwa

Kod interfejsu użytkownika Centrum bezpieczeństwa znajduje się w katalogu safetycenter packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ . Dostosuj interfejs Centrum bezpieczeństwa, korzystając z nakładek zasobów wykonawczych (RRO) w folderze nakładek OEM. Aby uzyskać informacje na temat RRO, zobacz temat Zmiana wartości zasobów aplikacji w czasie wykonywania .

Motywy i kolory Centrum bezpieczeństwa

Centrum bezpieczeństwa ma cztery główne motywy, które mają te same atrybuty interfejsu użytkownika:

  • Światło Centrum Bezpieczeństwa
  • Centrum bezpieczeństwa ciemne
  • Kontrolka Szybkie ustawienia Centrum bezpieczeństwa
  • Centrum bezpieczeństwa Szybkie ustawienia ciemne

Motywy Centrum bezpieczeństwa zawierają kolory domyślne. Podstawowe kolory interfejsu użytkownika są pobierane z kolorów systemu Android i mogą automatycznie dostosowywać się do ogólnego dostosowywania kolorów Androida przez producenta OEM. Domyślnie kolory te dostosowują się w ramach stylizacji Material You w systemie Android.

Kolory Centrum bezpieczeństwa można zmienić, zastępując ich wartości.

Kolor interfejsu Centrum bezpieczeństwa Nazwa atrybutu Ratunek
Tło android:colorBackground @android:color/background_device_default_light
@android:color/primary_dark_device_default_settings
Powierzchnia colorSurface @color/sc_surface_light @color/sc_surface_dark
Wariant powierzchniowy colorSurfaceVariant @color/sc_surface_variant_light
@color/sc_surface_variant_dark
Tekst podstawowy android:textColorPrimary @android:color/text_color_primary
Tekst wtórny android:textColorSecondary @android:color/text_color_secondary
Ikony android:textColorSecondary @android:color/text_color_secondary
Ratunek Domyślna wartość
@color/sc_surface_light @android:color/system_neutral1_500 z wartością gwiazdy L wynoszącą 98 (luminancja percepcyjna)
@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

Kolory ważności problemu

Centrum bezpieczeństwa komunikuje wagę problemu za pomocą systemu kolorów sygnalizacji świetlnej:

  • Kolor zielony oznacza problemy informacyjne i status OK
  • Żółty dla rekomendacji
  • Czerwony w przypadku poważnych problemów
  • Szary z powodu braku informacji

Domyślnie kolory te są pobierane z palety kolorów Google Material. Zalecamy zachowanie tych kolorów podstawowych, ale można używać różnych odcieni palety zielonej, żółtej i czerwonej.

Te atrybuty kolorów służą do kojarzenia elementów o kolorze ważności w interfejsie Centrum bezpieczeństwa, w tym ikon, przycisków oraz animacji skanowania i zmiany stanu. Modyfikowanie tych kolorów powoduje ponowne pokolorowanie wszystkich elementów. Na przykład modyfikacja @color/sc_status_info_{light,dark} powoduje zmianę koloru tła zarówno w statycznym obrazie stanu, jak i animacji tła podczas skanowania.

Motyw Szybkie ustawienia Centrum bezpieczeństwa wykorzystuje kolory trybu ciemnego, niezależnie od tego, czy urządzenie jest ustawione w trybie ciemnym.

Powaga Element interfejsu użytkownika Nazwa atrybutu lub zasobu Domyślny kolor
Informacje (zielony) Tarcza statusu ?attr/colorScStatusInfo Światło: zielone 600 (#1e8e3e)
Ciemny: Zielony 500 (#34a853)
Pojemnik z tarczą statusu ?attr/colorScStatusBackgroundInfo Światło: zielone 100 (#ceead6)
colorSurfaceVariant
Ikona ?attr/colorScIconInfo Zielony 500 (#34a853)
Główny przycisk akcji @color/safety_center_button_info Zielony 400 (#5bb974)
Dodatkowy przycisk akcji @color/safety_center_outline_button_info Zielony 300 (#81c995)
Zalecenie (żółty) Tarcza statusu ?attr/colorScStatusRecommend Światło: Żółty 600 (#f9ab00)
Ciemny: Żółty 500 (#fbbc04)
Pojemnik z tarczą statusu ?attr/colorScStatusBackgroundRecommend Światło: Żółty 100 (#feefc3)
Ciemny: colorSurfaceVariant
Ikona ?attr/colorScIconRecommend Żółty 500 (#fbbc04)
Główny przycisk akcji @color/safety_center_button_recommend Żółty 400 (#fcc934)
Dodatkowy przycisk akcji @color/safety_center_outline_button_recommend Żółty 300 (#fdd663)
Ostrzeżenie (czerwony) Tarcza statusu ?attr/colorScStatusWarn Światło: czerwone 600 (#d93025)
Ciemny: Czerwony 500 (#ea4335)
Pojemnik z tarczą statusu ?attr/colorScStatusBackgroundWarn Światło: czerwone 100 (#fad2cf)
Ciemny: colorSurfaceVariant
Ikona ?attr/colorScIconWarn Czerwony 500 (#ea4335)
Główny przycisk akcji @color/safety_center_button_warn Czerwony 400 (#ee675c)
Dodatkowy przycisk akcji @color/safety_center_outline_button_warn Czerwony 300 (#f28b82)
Brak rekomendacji (szary) Ikona ?attr/colorScIconNull Szary 600 (#80868b)

W systemie Android 14 dodano nakładalne zasoby kolorów dla każdej właściwości koloru motywu i zmodyfikowano niektóre kolory domyślne:

Nazwa zasobu Kolor podkładu Androida 13 Kolor podkładu Androida 14 Kod szesnastkowy Androida 14
@color/sc_status_info_light Zielony 600 Semantyczna zieleń #0E8435
@color/sc_status_recommend_light Żółty 600 Niezmienione
@color/sc_status_warn_light Czerwony 600 Niezmienione
@color/sc_status_info_dark Zielony 500 Zielony 400 #5BB974
@color/sc_status_recommend_dark Żółty 500 Żółty 400 #FCC934
@color/sc_status_warn_dark Czerwony 500 Czerwony 400 #EE675C
@color/sc_status_background_info_light Zielony 100 Niezmienione
@color/sc_status_background_recommend_light Żółty 100 Niezmienione
@color/sc_status_background_warn_light Czerwony 100 Niezmienione
@color/sc_status_background_info_dark sc_surface_variant_dark Niezmienione
@color/sc_status_background_recommend_dark sc_surface_variant_dark Niezmienione
@color/sc_status_background_warn_dark sc_surface_variant_dark Niezmienione
@color/sc_icon_info_light Zielony 500 Niezmienione
@color/sc_icon_recommend_light Żółty 500 Niezmienione
@color/sc_icon_warn_light Czerwony 500 Niezmienione
@color/sc_icon_null_light Szary 600 Niezmienione
@color/sc_icon_info_dark Zielony 500 Zielony 400
@color/sc_icon_recommend_dark Żółty 500 Żółty 400
@color/sc_icon_warn_dark Czerwony 500 Czerwony 400
@color/sc_icon_null_dark Szary 600 Szary 400 #BDC1C6
@color/sc_shield_accent_dark Niedostępne Szary 900 #202124

Kolory interfejsu

Stan zielony

Zielona Tarcza

#1E8E3E (zielony/600)
ciemny schemat
#34A853 (zielony/500)
Zielony pojemnik

#CEEAD6 (zielony/100)
ciemny schemat
#474741
Zielona ikona ustawień

#34A853 (zielony/500)
ciemny schemat
#34A853 (zielony/500)
Przycisk skanowania

Zielony przycisk
#5BB974 (zielony/400)
Tytuł Podtytuł

#1B1C17 (Kolor tekstu podstawowego) #46483B (TextColorDodatkowy)

Stan żółty

Żółta Tarcza

#F9AB00 (Żółty/600)
ciemny schemat
#FBBC04 (żółty/500)
Żółty pojemnik

#FEEFC3 (żółty/100)
ciemny schemat
#474741 (żółty/500)
Żółta ikona ustawień

#FBBC04 (żółty/500)
ciemny schemat
#FBBC04 (żółty/500)
Przycisk skanowania

Żółty przycisk
#5BB974 (Żółty/400)
Tytuł Podtytuł

#1B1C17 (Kolor tekstu podstawowego) #46483B (TextColorDodatkowy)

Czerwony stan

Czerwona Tarcza

#D93025 (czerwony/600)
ciemny schemat
#EA4335 (czerwony/500)
Czerwony pojemnik

#FAD2CF (czerwony/100)
ciemny schemat
#474741
Czerwona ikona ustawień

#EA4335 (czerwony/500)
ciemny schemat
#EA4335 (czerwony/500)
Przycisk Odinstaluj

Czerwony przycisk
#EE675C (czerwony/400)
Tytuł Podtytuł

#1B1C17 (Kolor tekstu podstawowego) #46483B (TextColorDodatkowy)

Czcionki i wygląd tekstu

Czcionki i wygląd tekstu w Centrum bezpieczeństwa są oparte na domyślnym wyglądzie tekstu Androida i powinny dziedziczyć wszelkie zmiany w rodzinie czcionek, grubości i innych właściwościach już skonfigurowanych przez producentów OEM do ich stylów obowiązujących na całym urządzeniu. Wygląd tekstu Centrum bezpieczeństwa można zmienić bezpośrednio za pomocą RRO.

Centrum bezpieczeństwa Wygląd tekstu UrządzenieDomyślna baza Kolor Rozmiar Waga
TextAppearance.SafetyCenter.Headline TextAppearance.DeviceDefault.Headline android:textColorPrimary Różnie Regularny
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 Różnie 14 sp/20 sp lub
16 sp./24 sp		 Średni
TextAppearance.SafetyCenter.Body TextAppearance.DeviceDefault.Small android:textColorSecondary 14 sp./20 sp Regularny

Odstępy i style

Centrum bezpieczeństwa używa zestawu domyślnych wartości dopełnienia, uniwersalnie dla dopełnienia i marginesów. Zmień gęstość informacji Centrum bezpieczeństwa, zastępując wartości odstępów.

Nazwa zasobu Domyślna wartość
@dimen/sc_spacing_xxxsmall 2 dni
@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 dni

Możesz dostosować promienie narożników kart Centrum bezpieczeństwa. Jeden promień narożnika jest używany w przypadku przycisków, a trzy rozmiary narożników są używane w przypadku kart Centrum bezpieczeństwa:

Nazwa zasobu Domyślna wartość
@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

Kafelek Szybkie ustawienia

Centrum bezpieczeństwa jest dostępne z kafelka Szybkie ustawienia zaimplementowanego w module PermissionController. Kafelek Szybkie ustawienia ponownie wykorzystuje niektóre elementy interfejsu użytkownika z ekranów Centrum bezpieczeństwa, dzięki czemu nakładki mogą działać: