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ć:
- Usługa kafelków Szybkie ustawienia:
SafetyCenterQsTileService.kt
- Działanie Szybkich ustawień:
SafetyCenterQsActivity.java