Güvenlik Merkezi kullanıcı arayüzünün kodu, safetycenter
dizininde packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/
bulunur. OEM yer paylaşımı klasöründeki Çalışma Zamanı Kaynak Katmanlarını (RRO'lar) kullanarak Güvenlik Merkezi kullanıcı arayüzünü özelleştirin. RRO'lar hakkında bilgi için bkz. Çalışma zamanında bir uygulamanın kaynaklarının değerini değiştirme .
Güvenlik Merkezi temaları ve renkleri
Güvenlik Merkezi'nin aynı kullanıcı arayüzü özelliklerini paylaşan dört ana teması vardır:
- Güvenlik Merkezi ışığı
- Güvenlik Merkezi karanlık
- Güvenlik Merkezi Hızlı Ayarlar ışığı
- Güvenlik Merkezi Hızlı Ayarlar koyu
Güvenlik Merkezi temaları varsayılan renkleri içerir. Temel kullanıcı arayüzü renkleri Android sistem renklerinden alınır ve OEM'in genel Android rengi özelleştirmesine otomatik olarak uyum sağlayabilir. Varsayılan olarak bu renkler, Android'deki Material You stilinin bir parçası olarak uyarlanır.
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 |
Yüzey | colorSurface | @color/sc_surface_light @color/sc_surface_dark |
Yüzey çeşidi | 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 | @android:color/system_neutral1_500 , L yıldız değeri 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 ciddiyetini bir trafik ışığı renk sistemiyle bildirir:
- Bilgi sorunları ve OK durumu için yeşil
- Öneriler için sarı
- Ciddi sorunlar için kırmızı
- Bilgi eksikliği için gri
Varsayılan olarak bu renkler Google Materyal renk paletinden çizilir. Bu temel renkleri korumanızı öneririz ancak yeşil, sarı ve kırmızı paletin farklı tonlarını da kullanabilirsiniz.
Bu renk nitelikleri, simgeler, düğmeler, tarama ve durum değişikliği animasyonları da dahil olmak üzere Güvenlik Merkezi kullanıcı arayüzündeki önem derecesine göre renklendirilmiş öğeleri ilişkilendirmek için kullanılır. Bu renkleri değiştirmek tüm öğeleri yeniden renklendirir. Örneğin, @color/sc_status_info_{light,dark}
öğesinin değiştirilmesi, tarama sırasında hem statik durum görüntüsündeki hem de arka plan animasyonundaki arka plan rengini değiştirir.
Güvenlik Merkezi Hızlı Ayarlar teması, cihaz karanlık moda ayarlanmış olsun veya olmasın karanlık mod renklerini kullanır.
Şiddet | Kullanıcı Arayüzü Öğesi | Özellik veya kaynak adı | Varsayılan renk |
---|---|---|---|
Bilgi (Yeşil) | Durum kalkanı | ?attr/colorScStatusInfo | Işık: Yeşil 600 (#1e8e3e) Koyu: Yeşil 500 (#34a853) |
Durum kalkanı konteyneri | ?attr/colorScStatusBackgroundInfo | Işık: Yeşil 100 (#ceead6)colorSurfaceVariant | |
Simge | ?attr/colorScIconInfo | Yeşil 500 (#34a853) | |
Birincil eylem düğmesi | @color/safety_center_button_info | Yeşil 400 (#5bb974) | |
İkincil eylem düğmesi | @color/safety_center_outline_button_info | Yeşil 300 (#81c995) | |
Tavsiye (Sarı) | Durum kalkanı | ?attr/colorScStatusRecommend | Işık: Sarı 600 (#f9ab00) Koyu: Sarı 500 (#fbbc04) |
Durum kalkanı konteyneri | ?attr/colorScStatusBackgroundRecommend | Işık: Sarı 100 (#feefc3) Koyu: colorSurfaceVariant | |
Simge | ?attr/colorScIconRecommend | Sarı 500 (#fbbc04) | |
Birincil eylem düğmesi | @color/safety_center_button_recommend | Sarı 400 (#fcc934) | |
İkincil eylem düğmesi | @color/safety_center_outline_button_recommend | Sarı 300 (#fdd663) | |
Uyarı (Kırmızı) | Durum kalkanı | ?attr/colorScStatusWarn | Işık: Kırmızı 600 (#d93025) Koyu: Kırmızı 500 (#ea4335) |
Durum kalkanı konteyneri | ?attr/colorScStatusBackgroundWarn | Işık: Kırmızı 100 (#fad2cf) Koyu: colorSurfaceVariant | |
Simge | ?attr/colorScIconWarn | Kırmızı 500 (#ea4335) | |
Birincil eylem düğmesi | @color/safety_center_button_warn | Kırmızı 400 (#ee675c) | |
İkincil eylem 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 her tema renk özelliği için yer paylaşımlı renk kaynakları eklendi ve bazı varsayılan renkler değiştirildi:
Kaynak adı | Android 13 destek rengi | Android 14 destek rengi | Android 14 onaltılık kod |
---|---|---|---|
@color/sc_status_info_light | Yeşil 600 | Semantik Yeşil | #0E8435 |
@color/sc_status_recommend_light | Sarı 600 | değişmedi | |
@color/sc_status_warn_light | Kırmızı 600 | değişmedi | |
@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şmedi | |
@color/sc_status_background_recommend_light | Sarı 100 | değişmedi | |
@color/sc_status_background_warn_light | Kırmızı 100 | değişmedi | |
@color/sc_status_background_info_dark | sc_surface_variant_dark | değişmedi | |
@color/sc_status_background_recommend_dark | sc_surface_variant_dark | değişmedi | |
@color/sc_status_background_warn_dark | sc_surface_variant_dark | değişmedi | |
@color/sc_icon_info_light | Yeşil 500 | değişmedi | |
@color/sc_icon_recommend_light | Sarı 500 | değişmedi | |
@color/sc_icon_warn_light | Kırmızı 500 | değişmedi | |
@color/sc_icon_null_light | Gri 600 | değişmedi | |
@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 | Müsait değil | 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 konteyner | |
---|---|
#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 buton | |
#5BB974 (yeşil/400) |
Başlık | Alt yazı |
---|---|
#1B1C17 (MetinRengiBirincil) | #46483B (MetinRengiİkincil) |
Sarı durum
Sarı Kalkan | |
---|---|
#F9AB00 (Sarı/600) | |
Koyu tema #FBBC04 (sarı/500) |
Sarı konteyner | |
---|---|
#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 yazı |
---|---|
#1B1C17 (MetinRengiBirincil) | #46483B (MetinRengiİkincil) |
Kırmızı devlet
kırmızı kalkan | |
---|---|
#D93025 (Kırmızı/600) | |
Koyu tema #EA4335 (kırmızı/500) |
Kırmızı konteyner | |
---|---|
#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) |
Kaldırma düğmesi | |
---|---|
kırmızı buton | |
#EE675C (kırmızı/400) |
Başlık | Alt yazı |
---|---|
#1B1C17 (MetinRengiBirincil) | #46483B (MetinRengiİkincil) |
Yazı tipleri ve metin görünümü
Güvenlik Merkezi yazı tipleri ve metin görünümü, Android'in varsayılan metin görünümünü temel alır ve bir yazı tipi ailesi, ağırlık ve OEM'ler tarafından cihaz genelindeki stillerde önceden yapılandırılmış diğer özelliklerde yapılan değişiklikleri devralmalıdır. Güvenlik Merkezi metin görünümü doğrudan RRO'lar kullanılarak geçersiz kılınabilir.
Güvenlik Merkezi Metin görünümü | CihazVarsayılan tabanı | Renk | Boyut | Ağırlık |
---|---|---|---|---|
TextAppearance.SafetyCenter.Headline | TextAppearance.DeviceDefault.Headline | android:textColorPrimary | Değişir | Düzenli |
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şir | 14 sp/20 sp veya 16 sp/24 sp | Orta |
TextAppearance.SafetyCenter.Body | TextAppearance.DeviceDefault.Small | android:textColorSecondary | 14 sp/20 sp | Düzenli |
Aralık ve stiller
Güvenlik Merkezi, dolgu ve kenar boşlukları için evrensel olarak bir dizi varsayılan dolgu değeri kullanır. Aralık değerlerini geçersiz kılarak Güvenlik Merkezi bilgi yoğunluğunu değiştirin.
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. Düğmeler için bir köşe boyutu yarıçapı, Güvenlik Merkezi kartları için ise üç köşe boyutu kullanılır:
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ı Ayarlar kutucuğu
Güvenlik Merkezi'ne PermissionController modülünde uygulanan Hızlı Ayarlar kutucuğundan erişilebilir. Hızlı Ayarlar kutucuğu, Güvenlik Merkezi ekranlarındaki bazı kullanıcı arayüzü bileşenlerini yeniden kullanarak katmanların çalışabilmesini sağlar:
- Hızlı Ayarlar döşeme hizmeti:
SafetyCenterQsTileService.kt
- Hızlı Ayarlar etkinliği:
SafetyCenterQsActivity.java