Güvenlik Merkezi kullanıcı arayüzünü özelleştirme

Güvenlik Merkezi kullanıcı arayüzünün kodu safetycenter dizininde bulunur packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ Çalışma Zamanı Kaynak Bindirmeleri'ni (RRO'lar) kullanarak Güvenlik Merkezi kullanıcı arayüzünü OEM yer paylaşımı klasörü. RRO'lar hakkında bilgi için Uygulamanın kaynak çalıştırmayı deneyin.

Güvenlik Merkezi temaları ve renkleri

Güvenlik Merkezi'nde aynı kullanıcı arayüzü özelliklerini paylaşan dört ilke teması vardır:

  • Güvenlik Merkezi lambası
  • Güvenlik Merkezi koyu
  • Güvenlik Merkezi Hızlı Ayar ışığı
  • Güvenlik Merkezi Hızlı Ayarlar koyu

Güvenlik Merkezi temaları varsayılan renkleri içerir. İlke kullanıcı arayüzü renkleri çizilir ve OEM'in genel ayarlarına göre otomatik olarak uyarlanabilir. özelleştirme olanağı sunar. Varsayılan olarak bu renkler Android'de Material You stilleri.

Güvenlik Merkezi renklerini, değerlerini geçersiz kılarak değiştirebilirsiniz.

Güvenlik Merkezi kullanıcı arayüzü rengi Özellik adı Kaynak
Arka plan android:colorBackground @android:color/background_device_default_light
@android:color/primary_dark_device_default_settings
Platform colorSurface @color/sc_surface_light @color/sc_surface_dark
Yüzey varyantı colorSurfaceVariant @color/sc_surface_variant_light
@color/sc_surface_variant_dark
Birincil metin android:textColorPrimary @android:color/text_color_primary
İkincil metin android:textColorSecondary @android:color/text_color_secondary
Simgeler android:textColorSecondary @android:color/text_color_secondary
Kaynak Varsayılan değer
@color/sc_surface_light L yıldız değerine sahip @android:color/system_neutral1_500 / 98 (algısal parlaklık)
@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

Sorunun önem derecesi renkleri

Güvenlik Merkezi, sorunun önem derecesini trafik ışığı renk sistemiyle bildirir:

  • Bilgilendirme sorunları ve OK durumu için yeşil
  • Öneriler için sarı
  • Ciddi sorunlar için kırmızı
  • Bilgi yokluğu için gri

Varsayılan olarak bu renkler Google Materyal renk paletinden alınır. Biz ama farklı tonlarda renkler kullanabilirsiniz. yeşil, sarı ve kırmızı arasından seçim yapabilirsiniz.

Bu renk özellikleri, Simgeler, düğmeler, tarama ve durum değişikliğinin yanı sıra Güvenlik Merkezi kullanıcı arayüzü animasyonları da ekler. Bu renklerde değişiklik yapıldığında tüm öğelerin rengi değişir. Örneğin, @color/sc_status_info_{light,dark}, arka plan rengini hem statik durum resmi ve tarama sırasında arka plan animasyonu.

Güvenlik Merkezi Hızlı Ayarlar teması, cihaz koyu moda ayarlı.

Önem derecesi Kullanıcı Arayüzü Öğesi Özellik veya kaynak adı Varsayılan renk
Bilgi (Yeşil) Durum kalkanı ?attr/colorScStatusInfo Açık: Yeşil 600 (#1e8e3e)
Koyu: Yeşil 500 (#34a853)
Durum kalkanı kapsayıcısı ?attr/colorScStatusBackgroundInfo Açık: Yeşil 100 (#ceead6)
colorSurfaceVariant
Simge ?attr/colorScIconInfo Yeşil 500 (#34a853)
Birincil işlem düğmesi @color/safety_center_button_info Yeşil 400 (#5bb974)
İkincil işlem düğmesi @color/safety_center_outline_button_info Yeşil 300 (#81c995)
Öneri (Sarı) Durum kalkanı ?attr/colorScStatusRecommend Açık: Sarı 600 (#f9ab00)
Koyu: Sarı 500 (#fbbc04)
Durum kalkanı kapsayıcısı ?attr/colorScStatusBackgroundRecommend Açık: Sarı 100 (#feefc3)
Koyu: colorSurfaceVariant
Simge ?attr/colorScIconRecommend Sarı 500 (#fbbc04)
Birincil işlem düğmesi @color/safety_center_button_recommend Sarı 400 (#fcc934)
İkincil işlem düğmesi @color/safety_center_outline_button_recommend Sarı 300 (#fdd663)
Uyarı (Kırmızı) Durum kalkanı ?attr/colorScStatusWarn Açık: Kırmızı 600 (#d93025)
Koyu: Kırmızı 500 (#ea4335)
Durum kalkanı kapsayıcısı ?attr/colorScStatusBackgroundWarn Açık: Kırmızı 100 (#fad2cf)
Koyu: colorSurfaceVariant
Simge ?attr/colorScIconWarn Kırmızı 500 (#ea4335)
Birincil işlem düğmesi @color/safety_center_button_warn Kırmızı 400 (#ee675c)
İkincil işlem düğmesi @color/safety_center_outline_button_warn Kırmızı 300 (#f28b82)
Öneri yok (Gri) Simge ?attr/colorScIconNull Gri 600 (#80868b)

Android 14'te yer paylaşımlı renk kaynakları eklendi ve bazı varsayılan renkler değiştirildi:

Kaynak adı Android 13 arka plan rengi Android 14 arka plan rengi Android 14 onaltılık kodu
@color/sc_status_info_light Yeşil 600 Semantik Yeşil #0E8435
@color/sc_status_recommend_light Sarı 600 Değiştirilmemiş
@color/sc_status_warn_light Kırmızı 600 Değiştirilmemiş
@color/sc_status_info_dark Yeşil 500 Yeşil 400 #5BB974
@color/sc_status_recommend_dark Sarı 500 Sarı 400 #FCC934
@color/sc_status_warn_dark Kırmızı 500 Kırmızı 400 #EE675C
@color/sc_status_background_info_light Yeşil 100 Değiştirilmemiş
@color/sc_status_background_recommend_light Sarı 100 Değiştirilmemiş
@color/sc_status_background_warn_light Kırmızı 100 Değiştirilmemiş
@color/sc_status_background_info_dark sc_surface_varyant_koyu Değiştirilmemiş
@color/sc_status_background_recommend_dark sc_surface_varyant_koyu Değiştirilmemiş
@color/sc_status_background_warn_dark sc_surface_varyant_koyu Değiştirilmemiş
@color/sc_icon_info_light Yeşil 500 Değiştirilmemiş
@color/sc_icon_recommend_light Sarı 500 Değiştirilmemiş
@color/sc_icon_warn_light Kırmızı 500 Değiştirilmemiş
@color/sc_icon_null_light Gri 600 Değiştirilmemiş
@color/sc_icon_info_dark Yeşil 500 Yeşil 400
@color/sc_icon_recommend_dark Sarı 500 Sarı 400
@color/sc_icon_warn_dark Kırmızı 500 Kırmızı 400
@color/sc_icon_null_dark Gri 600 Gri 400 #BDC1C6
@color/sc_shield_accent_dark Yok Gri 900 #202124

Kullanıcı arayüzü renkleri

Yeşil durum

Yeşil Kalkan

#1E8E3E (yeşil/600)
Koyu tema
#34A853 (yeşil/500)
Yeşil kapsayıcı

#CEEAD6 (yeşil/100)
Koyu tema
#474741
Yeşil ayarlar simgesi

#34A853 (yeşil/500)
Koyu tema
#34A853 (yeşil/500)
Tara düğmesi

Yeşil düğme
#5BB974 (yeşil/400)
Başlık Alt başlık

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

Sarı durum

Sarı Kalkan

#F9AB00 (Sarı/600)
Koyu tema
#FBBC04 (sarı/500)
Sarı kapsayıcı

#feeFC3 (sarı/100)
Koyu tema
#474741 (sarı/500)
Sarı ayarlar simgesi

#FBBC04 (sarı/500)
Koyu tema
#FBBC04 (sarı/500)
Tara düğmesi

Sarı düğme
#5BB974 (Sarı/400)
Başlık Alt başlık

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

Kırmızı durum

Kırmızı Kalkan

#D93025 (Kırmızı/600)
Koyu tema
#EA4335 (kırmızı/500)
Kırmızı kapsayıcı

#FAD2CF (kırmızı/100)
Koyu tema
#474741
Kırmızı ayarlar simgesi

#EA4335 (kırmızı/500)
Koyu tema
#EA4335 (kırmızı/500)
Yüklemeyi kaldır düğmesi

Kırmızı düğme
#EE675C (kırmızı/400)
Başlık Alt başlık

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

Yazı tipleri ve metin görünümü

Güvenlik Merkezi yazı tipleri ve metin görünümü, Android'in varsayılan metnine dayalıdır yazı tipi ailesi, ağırlık ve diğer öğeler için yapılan tüm değişiklikleri özellikleri gösterilir. Güvenlik Merkezi metin görünümü, doğrudan RRO'lar kullanılarak geçersiz kılınabilir.

Güvenlik Merkezi metninin görünümü DeviceDefault taban Renk Boyut Kilo
TextAppearance.SafetyCenter.Headline TextAppearance.DeviceDefault.Headline android:textColorPrimary Değişiklik gösterir 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 Değişiklik gösterir 14 sp/20 sp veya
16 sp/24 sp
Orta
TextAppearance.SafetyCenter.Body TextAppearance.DeviceDefault.Small android:textColorSecondary 14 sp/20 sp Normal

Boşluklar ve stiller

Güvenlik Merkezi, dolgu için evrensel olarak bir dizi varsayılan dolgu değeri kullanır ve bir sütun oluşturabilirsiniz. Boşlukları geçersiz kılarak Güvenlik Merkezi bilgi yoğunluğunu değiştirin değerler.

Kaynak adı Varsayılan değer
@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

Güvenlik Merkezi kartlarının köşe yarıçaplarını özelleştirebilirsiniz. Bir köşe boyutu yarıçap, düğmeler için, Güvenlik Merkezi içinse üç köşe boyutu kullanılır kartlar:

Kaynak adı Varsayılan değer
@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

Hızlı Ayar kutusu

Güvenlik Merkezi'ne, PermissionController modülü. Hızlı Ayarlar kutusu, kullanıcı arayüzünün bir kısmını yeniden kullanır Güvenlik Merkezi ekranlarından, yer paylaşımlı reklamların çalışabilmesi için: