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:
- Hızlı Ayar kutusu hizmeti:
SafetyCenterQsTileService.kt
- Hızlı Ayarlar etkinliği:
SafetyCenterQsActivity.java