يمكنك العثور على رمز واجهة مستخدم مركز الأمان في دليل safetycenter.
packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/
خصِّص واجهة مستخدم "مركز الأمان" باستخدام "تراكبات موارد وقت التشغيل" (RROs) في
مجلد تراكب المصنّع الأصلي للجهاز. للحصول على معلومات عن الموارد RRO، يُرجى الاطّلاع على تغيير قيمة
الموارد في وقت التشغيل.
مظاهر وألوان "مركز الأمان"
يشتمل "مركز الأمان" على أربعة مواضيع أساسية تشترك في سمات واجهة المستخدم نفسها:
- إضاءة مركز الأمان
- مركز الأمان ببشرة داكنة
- إضاءة الإعدادات السريعة في مركز الأمان
- الإعدادات السريعة في مركز الأمان باللون الداكن
تحتوي مظاهر مركز الأمان على ألوان تلقائية. يتم رسم ألوان واجهة المستخدم الأساسية من ألوان نظام Android ويمكن أن تتكيّف تلقائيًا مع الألوان العامة للمصنّع الأصلي تخصيص ألوان Android. بشكل افتراضي، تتكيف هذه الألوان كجزء من تصميم Material You في Android
يمكنك تغيير ألوان "مركز الأمان" من خلال إلغاء قيمها.
| لون واجهة مستخدم مركز الأمان | اسم السمة | المورد |
|---|---|---|
| خلفية | android:colorBackground |
@android:color/background_device_default_light@android:color/primary_dark_device_default_settings |
| مساحات العرض | colorSurface |
@color/sc_surface_light
@color/sc_surface_dark |
| خيار السطح | colorSurfaceVariant |
@color/sc_surface_variant_light@color/sc_surface_variant_dark |
| النص الأساسي | android:textColorPrimary |
@android:color/text_color_primary |
| نص ثانوي | android:textColorSecondary |
@android:color/text_color_secondary |
| الرموز | android:textColorSecondary |
@android:color/text_color_secondary |
| المورد | القيمة التلقائية |
|---|---|
@color/sc_surface_light |
@android:color/system_neutral1_500 بقيمة نجمة L
من 98 (السطوع الإدراكي) |
@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
|
ألوان درجة خطورة المشكلة
ينقل مركز الأمان شدة المشكلة باستخدام نظام ألوان إشارة المرور:
- أخضر للمشاكل الإعلامية وحالة الحالة على ما يرام
- اللون الأصفر للاقتراحات
- اللون الأحمر للمشاكل الخطيرة
- اللون الرمادي لغياب المعلومات
بشكل افتراضي، يتم رسم هذه الألوان من لوحة ألوان Google Material. أر بالاحتفاظ بهذه الألوان الأساسية، ولكن يمكنك استخدام ظلال مختلفة من اللوحة الخضراء والأصفر والحمراء.
وتُستخدم سمات اللون هذه لربط العناصر الملونة بدرجة الخطورة في
واجهة مستخدم "مركز الأمان"، بما في ذلك الرموز والأزرار والفحص وتغيير الحالة
والرسوم المتحركة. يؤدي تعديل هذه الألوان إلى إعادة تلوين جميع العناصر. على سبيل المثال، يعد تعديل
يغيِّر "@color/sc_status_info_{light,dark}" لون الخلفية في كل من
صورة ثابتة للحالة ورسم متحرك للخلفية أثناء الفحص.
يستخدم مظهر الإعدادات السريعة في مركز الأمان ألوان الوضع الداكن، سواء كانت الجهاز على الوضع الداكن.
| درجة الخطورة | عنصر واجهة المستخدم | اسم السمة أو المورد | اللون التلقائي |
|---|---|---|---|
| معلومات (أخضر) | درع الحالة | ?attr/colorScStatusInfo |
فاتح: أخضر 600 (#1e8e3e) داكن: أخضر 500 (#34a853) |
| حاوية درع الحالة | ?attr/colorScStatusBackgroundInfo |
فاتح: أخضر 100 (#ceead6)colorSurfaceVariant |
|
| الرمز | ?attr/colorScIconInfo |
Green 500 (#34a853) | |
| زر الإجراء الأساسي | @color/safety_center_button_info |
Green 400 (#5bb974) | |
| زر الإجراء الثانوي | @color/safety_center_outline_button_info |
Green 300 (#81c995) | |
| الاقتراح (أصفر) | درع الحالة | ?attr/colorScStatusRecommend |
فاتح: أصفر 600 (#f9ab00) داكن: أصفر 500 (#fbbc04) |
| حاوية درع الحالة | ?attr/colorScStatusBackgroundRecommend |
فاتح: أصفر 100 (#feefc3) داكن: colorSurfaceVariant |
|
| الرمز | ?attr/colorScIconRecommend |
يلونا 500 (#fbbc04) | |
| زر الإجراء الأساسي | @color/safety_center_button_recommend |
أصفر 400 (#fcc934) | |
| زر الإجراء الثانوي | @color/safety_center_outline_button_recommend |
أصفر 300 (#fdd663) | |
| تحذير (أحمر) | درع الحالة | ?attr/colorScStatusWarn |
فاتح: أحمر 600 (#d93025) داكن: أحمر 500 (#ea4335) |
| حاوية درع الحالة | ?attr/colorScStatusBackgroundWarn |
فاتح: أحمر 100 (#fad2cf) داكن: colorSurfaceVariant |
|
| الرمز | ?attr/colorScIconWarn |
Red 500 (#ea4335) | |
| زر الإجراء الأساسي | @color/safety_center_button_warn |
Red 400 (#ee675c) | |
| زر الإجراء الثانوي | @color/safety_center_outline_button_warn |
Red 300 (#f28b82) | |
| ما مِن اقتراحات (رمادي) | الرمز | ?attr/colorScIconNull |
رمادي 600 (#80868b) |
في Android 14، تمت إضافة موارد ألوان قابلة للتراكب لكل خاصية لون مظهر، وتم تعديل بعض الألوان التلقائية:
| اسم المورد | ألوان النسخة الاحتياطية من نظام التشغيل Android 13 | ألوان النسخة الخلفية من Android 14 | الرمز السداسي العشري لنظام التشغيل Android 14 |
|---|---|---|---|
@color/sc_status_info_light |
أخضر 600 | أخضر دلالي | #0E8435 |
@color/sc_status_recommend_light |
أصفر 600 | دون تغيير | |
@color/sc_status_warn_light |
أحمر 600 | دون تغيير | |
@color/sc_status_info_dark |
أخضر 500 | أخضر 400 | #5BB974 |
@color/sc_status_recommend_dark |
أصفر 500 | أصفر 400 | #FCC934 |
@color/sc_status_warn_dark |
أحمر 500 | أحمر 400 | #EE675C |
@color/sc_status_background_info_light |
أخضر 100 | دون تغيير | |
@color/sc_status_background_recommend_light |
أصفر 100 | دون تغيير | |
@color/sc_status_background_warn_light |
أحمر 100 | دون تغيير | |
@color/sc_status_background_info_dark |
sc_surface_variant_داكن | دون تغيير | |
@color/sc_status_background_recommend_dark |
sc_surface_variant_داكن | دون تغيير | |
@color/sc_status_background_warn_dark |
sc_surface_variant_داكن | دون تغيير | |
@color/sc_icon_info_light |
أخضر 500 | دون تغيير | |
@color/sc_icon_recommend_light |
أصفر 500 | دون تغيير | |
@color/sc_icon_warn_light |
أحمر 500 | دون تغيير | |
@color/sc_icon_null_light |
رمادي 600 | دون تغيير | |
@color/sc_icon_info_dark |
أخضر 500 | أخضر 400 | |
@color/sc_icon_recommend_dark |
أصفر 500 | أصفر 400 | |
@color/sc_icon_warn_dark |
أحمر 500 | أحمر 400 | |
@color/sc_icon_null_dark |
رمادي 600 | رمادي 400 | #BDC1C6 |
@color/sc_shield_accent_dark |
غير متوفّر | رمادي 900 | #202124 |
ألوان واجهة المستخدم
الحالة الخضراء
| درع أخضر | |
|---|---|
|
#1E8E3E (أخضر/600) |
| المظهر الداكن #34A853 (أخضر/500) |
|
| حاوية خضراء | |
|---|---|
|
#CEEAD6 (أخضر/100) |
| المظهر الداكن #474741 |
|
| رمز الإعدادات الأخضر | |
|---|---|
|
#34A853 (أخضر/500) |
| المظهر الداكن #34A853 (أخضر/500) |
|
| زر المسح الضوئي | |
|---|---|
|
الزر الأخضر |
| #5BB974 (أخضر/400) | |
| العنوان | العنوان الفرعي |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorsecondary) |
حالة صفراء
| درع أصفر | |
|---|---|
|
#F9AB00 (أصفر/600) |
| المظهر الداكن #FBBC04 (yellow/500) |
|
| حاوية صفراء | |
|---|---|
|
#feeFC3 (أصفر/100) |
| المظهر الداكن #474741 (أصفر/500) |
|
| رمز الإعدادات الأصفر | |
|---|---|
|
#FBBC04 (yellow/500) |
| المظهر الداكن #FBBC04 (yellow/500) |
|
| زر المسح الضوئي | |
|---|---|
|
زر أصفر |
| #5BB974 (أصفر/400) | |
| العنوان | العنوان الفرعي |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorsecondary) |
حالة حمراء
| درع أحمر | |
|---|---|
|
#D93025 (أحمر/600) |
| المظهر الداكن #EA4335 (أحمر/500) |
|
| حاوية حمراء | |
|---|---|
|
#FAD2CF (أحمر/100) |
| المظهر الداكن #474741 |
|
| رمز الإعدادات باللون الأحمر | |
|---|---|
|
#EA4335 (أحمر/500) |
| المظهر الداكن #EA4335 (أحمر/500) |
|
| زر إلغاء التثبيت | |
|---|---|
|
الزر الأحمر |
| #EE675C (أحمر/400) | |
| العنوان | العنوان الفرعي |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorsecondary) |
الخطوط ومظهر النص
تستند خطوط "مركز الأمان" ومظهر النص إلى النص التلقائي في Android. وأن تكتسب أي تغييرات تطرأ على عائلة الخطوط وحجمها وغير ذلك المواصفات التي يضبطها المصنّعون الأصليون للأجهزة على الأنماط على مستوى الجهاز. مركز الأمان يمكن إلغاء مظهر النص مباشرةً باستخدام الموارد RRO.
| مظهر نص مركز الأمان | قاعدة DeviceDefault | اللون | حجم الملف | الوزن |
|---|---|---|---|---|
TextAppearance.SafetyCenter.Headline |
TextAppearance.DeviceDefault.Headline |
android:textColorPrimary |
يختلف | منتظمة |
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 سب/24 لفة | " |
TextAppearance.SafetyCenter.Medium |
TextAppearance.DeviceDefault.Medium |
يختلف | 14 sp/20 sp أو 16 sp/24 sp |
متوسط |
TextAppearance.SafetyCenter.Body |
TextAppearance.DeviceDefault.Small |
android:textColorSecondary |
14 سب/20 لفة | منتظمة |
المسافات والأنماط
يستخدم "مركز الأمان" مجموعة من قيم المساحة المتروكة التلقائية بشكل عام للمساحة المتروكة الهوامش. تغيير كثافة معلومات "مركز الأمان" من خلال إلغاء التباعد القيم.
| اسم المورِد | القيمة التلقائية |
|---|---|
@dimen/sc_spacing_xxxsmall |
2 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_xxsmall |
4 وحدات بكسل مستقلة الكثافة |
@dimen/sc_spacing_xsmall |
8 وحدات بكسل مستقلة الكثافة |
@dimen/sc_spacing_small |
12 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_medium |
14 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_large |
16 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_xlarge |
18 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_xxlarge |
20 وحدة بكسل مستقلة الكثافة |
@dimen/sc_spacing_xxxlarge |
24 وحدة بكسل مستقلة الكثافة |
يمكنك تخصيص النطاقات الجغرافية لبطاقات مركز الأمان. حجم زاوية واحدة يُستخدم نصف القطر للأزرار، أمّا أحجام الزوايا الثلاثة تُستخدَم في "مركز الأمان" البطاقات:
| اسم المورِد | القيمة التلقائية |
|---|---|
@dimen/sc_button_corner_radius |
12 وحدة بكسل مستقلة الكثافة |
@dimen/sc_card_corner_radius_large |
28 وحدة بكسل مستقلة الكثافة |
@dimen/sc_card_corner_radius_medium |
20 وحدة بكسل مستقلة الكثافة |
@dimen/sc_card_corner_radius_xsmall |
4 وحدات بكسل مستقلة الكثافة |
مربّع "الإعدادات السريعة"
يمكن الدخول إلى مركز الأمان من مربع الإعدادات السريعة الذي تم تنفيذه في PermissionController. يُعيد مربّع "الإعدادات السريعة" استخدام بعض واجهة المستخدم من شاشات مركز الأمان بحيث يمكن أن تعمل العناصر القابلة للتراكب:
- خدمة مربّعات الإعدادات السريعة:
SafetyCenterQsTileService.kt - نشاط "الإعدادات السريعة":
SafetyCenterQsActivity.java