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ında kaynak yer paylaşımlarını (RRO'lar) kullanarak Güvenlik Merkezi kullanıcı arayüzünü özelleştirin. RRO'lar hakkında bilgi için Çalışma zamanında uygulama kaynaklarının değerini değiştirme konusuna bakın.
Güvenlik Merkezi temaları ve renkleri
Güvenlik Merkezi'nde aynı kullanıcı arayüzü özelliklerini paylaşan dört temel tema vardır:
- Güvenlik Merkezi ışığı
- Güvenlik Merkezi koyu teması
- 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'nin Android rengini genel olarak özelleştirmesine göre otomatik olarak uyarlanabilir. Bu renkler varsayılan olarak 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 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 |
98 L yıldız değerine (algısal parlaklık) sahip @android:color/system_neutral1_500 |
@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 düzeyini trafik ışığı renk sistemiyle gösterir:
- Bilgilendirme amaçlı sorunlar ve "Tamam" 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 alınır. Bu temel renkleri kullanmanızı öneririz ancak yeşil, sarı ve kırmızı paletin farklı tonlarını da kullanabilirsiniz.
Bu renk özellikleri, Güvenlik Merkezi kullanıcı arayüzündeki simgeler, düğmeler, tarama ve durum değişikliği animasyonları gibi önem derecesine göre renklendirilmiş öğeleri ilişkilendirmek için kullanılır. Bu renkler değiştirildiğinde tüm öğelerin rengi yeniden belirlenir. Örneğin, @color/sc_status_info_{light,dark} değerini değiştirmek hem statik durum resmindeki hem de tarama sırasında arka planın animasyonundaki arka plan rengini değiştirir.
Güvenlik Merkezi Hızlı Ayarlar teması, cihaz koyu modda ayarlanmış olsun veya olmasın koyu mod renklerini kullanır.
| Önem Düzeyi | 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, 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 arka plan rengi | Android 14 arka plan rengi | Android 14 onaltılık kodu |
|---|---|---|---|
@color/sc_status_info_light |
Yeşil 600 | Semantic Green | #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 |
Green 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_variant_dark | Değiştirilmemiş | |
@color/sc_status_background_recommend_dark |
sc_surface_variant_dark | Değiştirilmemiş | |
@color/sc_status_background_warn_dark |
sc_surface_variant_dark | 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
| Green Shield | |
|---|---|
|
#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
| Red Shield | |
|---|---|
|
#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) |
|
| 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 metin görünümünü temel alır ve OEM'ler tarafından cihaz genelindeki stilleri için yapılandırılmış yazı tipi ailesinde, kalınlıkta ve diğer özelliklerde yapılan değişiklikleri devralır. Güvenlik Merkezi metin görünümü, doğrudan RRO'lar kullanılarak geçersiz kılınabilir.
| Güvenlik Merkezi metni 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 |
Aralıklar ve stiller
Güvenlik Merkezi, dolgu ve kenar boşlukları için evrensel olarak bir dizi varsayılan dolgu değeri kullanır. Boşluk 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ı Ayar kutusu
Güvenlik Merkezi'ne, PermissionController modülünde uygulanan bir Hızlı Ayarlar kutusundan erişilebilir. Hızlı Ayarlar kutusu, yer paylaşımlarının çalışabilmesi için Güvenlik Merkezi ekranlarındaki kullanıcı arayüzü bileşenlerinin bir kısmını yeniden kullanır:
- Hızlı Ayar kutusu hizmeti:
SafetyCenterQsTileService.kt - Hızlı Ayarlar etkinliği:
SafetyCenterQsActivity.java