Dostosuj interfejs Centrum bezpieczeństwa

Kod interfejsu Centrum bezpieczeństwa znajduje się w katalogu safetycenter packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ Dostosuj interfejs Centrum bezpieczeństwa za pomocą nakładek zasobów środowiska wykonawczego (RRO) w interfejsie Folder nakładek OEM. Informacje na temat RRO znajdziesz w sekcji Zmiana wartości parametru zasobów w czasie działania.

Motywy i kolory Centrum bezpieczeństwa

Centrum bezpieczeństwa obejmuje 4 główne motywy, które mają te same atrybuty UI:

  • Światło Centrum bezpieczeństwa
  • Centrum bezpieczeństwa jest ciemne
  • Dioda Szybkich ustawień w Centrum bezpieczeństwa
  • Szybkie ustawienia Centrum bezpieczeństwa (ciemne)

Motywy Centrum bezpieczeństwa zawierają kolory domyślne. Rysowane są podstawowe kolory interfejsu użytkownika od kolorów systemu Android i można je dostosować automatycznie do dostosowywanie kolorów Androida. Domyślnie kolory te są dostosowywane w ramach Styl Material You na Androidzie

Możesz zmienić kolory Centrum bezpieczeństwa, zastępując ich wartości.

Kolor interfejsu Centrum bezpieczeństwa Nazwa atrybutu Zasób
Tło android:colorBackground @android:color/background_device_default_light
@android:color/primary_dark_device_default_settings
Natynkowe colorSurface @color/sc_surface_light @color/sc_surface_dark
Wariant powierzchni colorSurfaceVariant @color/sc_surface_variant_light
@color/sc_surface_variant_dark
Tekst główny android:textColorPrimary @android:color/text_color_primary
Tekst dodatkowy android:textColorSecondary @android:color/text_color_secondary
Ikony android:textColorSecondary @android:color/text_color_secondary
Zasób Wartość domyślna
@color/sc_surface_light @android:color/system_neutral1_500 z gwiazdką L z 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 wagi problemu

Centrum bezpieczeństwa przekazuje informacje o wadze problemu za pomocą systemu kolorów sygnalizacji świetlnej:

  • Zielony – problemy informacyjne i stan OK
  • Żółty – rekomendacje
  • Czerwony oznacza poważne problemy
  • Szary za brak informacji

Domyślnie kolory te są rysowane z palety kolorów Google Material. Śr zalecamy zachowanie kolorów podstawowych, ale możesz użyć innych odcieni paletę zieleni, żółci i czerwonej.

Te atrybuty kolorystyczne służą do kojarzenia produktów o określonym stopniu ważności Interfejs Centrum bezpieczeństwa z ikonami, przyciskami oraz skanowaniem i zmianą stanu ani animacji. Zmiana tych kolorów powoduje zmianę koloru wszystkich elementów. Na przykład modyfikacja @color/sc_status_info_{light,dark} zmienia kolor tła w statyczny obraz stanu i animacja tła podczas skanowania.

Motyw Szybkich ustawień Centrum bezpieczeństwa używa kolorów w trybie ciemnym, niezależnie od tego, urządzenie jest ustawione w trybie ciemnym.

Waga Element interfejsu Nazwa atrybutu lub zasobu Kolor domyślny
Informacje (zielone) Tarcza stanu ?attr/colorScStatusInfo Jasny: zielony 600 (#1e8e3e)
Ciemny: zielony 500 (#34a853)
Kontener tarczy stanu ?attr/colorScStatusBackgroundInfo Jasny: zielony 100 (#ceead6)
colorSurfaceVariant
Ikona ?attr/colorScIconInfo Zielony 500 (#34a853)
Główny przycisk działania @color/safety_center_button_info Zielony 400 (#5bb974)
Dodatkowy przycisk polecenia @color/safety_center_outline_button_info Zielony 300 (#81C995)
Rekomendacja (żółta) Tarcza stanu ?attr/colorScStatusRecommend Jasny: żółty 600 (#f9ab00)
Ciemny: żółty 500 (#fbbc04)
Kontener tarczy stanu ?attr/colorScStatusBackgroundRecommend Jasny: żółty 100 (#feefc3)
Ciemny: colorSurfaceVariant
Ikona ?attr/colorScIconRecommend Żółty 500 (#fbbc04)
Główny przycisk działania @color/safety_center_button_recommend Żółty 400 (#fcc934)
Dodatkowy przycisk polecenia @color/safety_center_outline_button_recommend Żółty 300 (#fdd663)
Ostrzeżenie (czerwone) Tarcza stanu ?attr/colorScStatusWarn Jasny: czerwony 600 (#d93025)
Ciemny: czerwony 500 (#ea4335)
Kontener tarczy stanu ?attr/colorScStatusBackgroundWarn Jasny: czerwony 100 (#fad2cf)
Ciemny: colorSurfaceVariant
Ikona ?attr/colorScIconWarn Czerwony 500 (#ea4335)
Główny przycisk działania @color/safety_center_button_warn Czerwony 400 (#ee675c)
Dodatkowy przycisk polecenia @color/safety_center_outline_button_warn Czerwony 300 (#f28b82)
Brak rekomendacji (szary) Ikona ?attr/colorScIconNull Szary 600 (#80868b)

W Androidzie 14 dodaliśmy nałożone zasoby kolorów dla każdej właściwości koloru motywu i niektóre kolory domyślne zostały zmodyfikowane:

Nazwa zasobu Kolor tylnej tła Androida 13 Kolor tylnej tła Androida 14 Kod szesnastkowy Androida 14
@color/sc_status_info_light Zielony 600 Zielony semantyczny #0E8435
@color/sc_status_recommend_light Żółty 600 Niezmieniony
@color/sc_status_warn_light Czerwony 600 Niezmieniony
@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 Niezmieniony
@color/sc_status_background_recommend_light Yellow 100 Niezmieniony
@color/sc_status_background_warn_light Czerwony 100 Niezmieniony
@color/sc_status_background_info_dark sc_surface_variant_ciemna Niezmieniony
@color/sc_status_background_recommend_dark sc_surface_variant_ciemna Niezmieniony
@color/sc_status_background_warn_dark sc_surface_variant_ciemna Niezmieniony
@color/sc_icon_info_light Zielony 500 Niezmieniony
@color/sc_icon_recommend_light Żółty 500 Niezmieniony
@color/sc_icon_warn_light Czerwony 500 Niezmieniony
@color/sc_icon_null_light Szary 600 Niezmieniony
@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 motyw
#34A853 (zielony/500)
Zielony kontener

#CEEAD6 (zielony/100)
Ciemny motyw
#474741
Zielona ikona ustawień

#34A853 (zielony/500)
Ciemny motyw
#34A853 (zielony/500)
Przycisk skanowania

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

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

Stan żółty

Żółta tarcza

#F9AB00 (żółty/600)
Ciemny motyw
#FBBC04 (żółty/500)
Żółty kontener

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

#FBBC04 (żółty/500)
Ciemny motyw
#FBBC04 (żółty/500)
Przycisk skanowania

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

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

Stan czerwony

Czerwona tarcza

#D93025 (czerwony/600)
Ciemny motyw
#EA4335 (czerwony/500)
Czerwony kontener

#FAD2CF (czerwony/100)
Ciemny motyw
#474741
Czerwona ikona ustawień

#EA4335 (czerwony/500)
Ciemny motyw
#EA4335 (czerwony/500)
Przycisk Odinstaluj

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

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

Wygląd czcionki i tekstu

Czcionki w Centrum bezpieczeństwa i wygląd tekstu zależą od domyślnego tekstu Androida i powinny dziedziczyć wszelkie zmiany rodziny czcionek, grubości i innych konfigurowane przez dostawców OEM pod kątem stylów dla całego urządzenia. Centrum bezpieczeństwa wygląd tekstu można zastąpić bezpośrednio przy użyciu RRO.

Wygląd tekstu Centrum bezpieczeństwa Podstawa DeviceDefault Kolor Rozmiar Waga
TextAppearance.SafetyCenter.Headline TextAppearance.DeviceDefault.Headline android:textColorPrimary Różne role regularne
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óżne role 14 sp/20 sp lub
16 sp/24 sp		 Średni
TextAppearance.SafetyCenter.Body TextAppearance.DeviceDefault.Small android:textColorSecondary 14 sp/20 sp regularne

Odstępy i style

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

Nazwa zasobu Wartość domyślna
@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

Możesz dostosować promień narożników kart Centrum bezpieczeństwa. Rozmiar jednego rogu jest używany w przypadku przycisków, a w Centrum bezpieczeństwa są używane 3 rozmiary narożników karty:

Nazwa zasobu Wartość domyślna
@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 Szybkich ustawień

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