يوجد رمز واجهة مستخدم مركز الأمان في دليل safetycenter packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ . قم بتخصيص واجهة مستخدم مركز الأمان باستخدام Runtime Resource Overlays (RROs) في مجلد تراكب OEM. للحصول على معلومات حول RROs، راجع تغيير قيمة موارد التطبيق في وقت التشغيل .
سمات وألوان مركز الأمان
يحتوي مركز الأمان على أربعة موضوعات أساسية تشترك في نفس سمات واجهة المستخدم:
- ضوء مركز السلامة
- مركز السلامة مظلم
- ضوء الإعدادات السريعة لمركز الأمان
- الإعدادات السريعة لمركز الأمان داكنة
تحتوي سمات مركز الأمان على ألوان افتراضية. يتم استخلاص ألوان واجهة المستخدم الأساسية من ألوان نظام Android ويمكن أن تتكيف تلقائيًا مع التخصيص العام لشركة OEM للون 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 | أخضر 500 (#34a853) | |
| زر الإجراء الأساسي | @color/safety_center_button_info | أخضر 400 (#5bb974) | |
| زر الإجراء الثانوي | @color/safety_center_outline_button_info | أخضر 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 | أحمر 500 (#ea4335) | |
| زر الإجراء الأساسي | @color/safety_center_button_warn | الأحمر 400 (#ee675c) | |
| زر الإجراء الثانوي | @color/safety_center_outline_button_warn | الأحمر 300 (#f28b82) | |
| لا توجد توصية (رمادي) | أيقونة | ?attr/colorScIconNull | رمادي 600 (#80868ب) |
في Android 14، تمت إضافة موارد الألوان القابلة للتراكب لكل خاصية لون سمة، وتم تعديل بعض الألوان الافتراضية:
| اسم المورد | أندرويد 13 لون الخلفية | أندرويد 14 لون الخلفية | أندرويد 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 | # لجنة الاتصالات الفدرالية934 |
@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_dark | دون تغيير | |
@color/sc_status_background_recommend_dark | sc_surface_variant_dark | دون تغيير | |
@color/sc_status_background_warn_dark | sc_surface_variant_dark | دون تغيير | |
@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 (لون النص الأساسي) | #46483B (لون النص الثانوي) |
الدولة الصفراء
| الدرع الأصفر | |
|---|---|
| #F9AB00 (أصفر/600) |
| موضوع مظلم #FBBC04 (أصفر/500) | |
| حاوية صفراء | |
|---|---|
| #FEEFC3 (أصفر/100) |
| موضوع مظلم #474741 (أصفر/500) | |
| أيقونة الإعدادات الصفراء | |
|---|---|
| #FBBC04 (أصفر/500) |
| موضوع مظلم #FBBC04 (أصفر/500) | |
| زر المسح الضوئي | |
|---|---|
| الزر الأصفر |
| #5BB974 (أصفر/400) | |
| عنوان | الترجمة |
|
|
|---|---|
| #1B1C17 (لون النص الأساسي) | #46483B (لون النص الثانوي) |
الدولة الحمراء
| درع أحمر | |
|---|---|
| #D93025 (أحمر/600) |
| موضوع مظلم #EA4335 (أحمر/500) | |
| حاوية حمراء | |
|---|---|
| #FAD2CF (أحمر/100) |
| موضوع مظلم #474741 | |
| أيقونة الإعدادات الحمراء | |
|---|---|
| #EA4335 (أحمر/500) |
| موضوع مظلم #EA4335 (أحمر/500) | |
| زر إلغاء التثبيت | |
|---|---|
| الزر الأحمر |
| #EE675C (أحمر/400) | |
| عنوان | الترجمة |
|
|
|---|---|
| #1B1C17 (لون النص الأساسي) | #46483B (لون النص الثانوي) |
الخطوط ومظهر النص
تعتمد خطوط مركز الأمان ومظهر النص على المظهر الافتراضي للنص في Android ويجب أن ترث أي تغييرات في عائلة الخطوط والوزن والخصائص الأخرى التي تم تكوينها بالفعل بواسطة مصنعي المعدات الأصلية لأنماطهم على مستوى الجهاز. يمكن تجاوز مظهر نص مركز الأمان مباشرة باستخدام عمليات RROs.
| مظهر نص مركز الأمان | قاعدة الجهاز الافتراضية | لون | مقاس | وزن |
|---|---|---|---|---|
TextAppearance.SafetyCenter.Headline | TextAppearance.DeviceDefault.Headline | android:textColorPrimary | يختلف | عادي |
TextAppearance.SafetyCenter.Headline.Status | TextAppearance.DeviceDefault.Headline | android:textColorPrimary | 22 س/28 س | " |
TextAppearance.SafetyCenter.Headline.Issue | TextAppearance.DeviceDefault.Headline | android:textColorPrimary | 18 س/24 س | " |
TextAppearance.SafetyCenter.Headline.Entry | TextAppearance.DeviceDefault.Headline | android:textColorPrimary | 20 س/24 س | " |
TextAppearance.SafetyCenter.Medium | TextAppearance.DeviceDefault.Medium | يختلف | 14 س/20 س أو 16 س/24 س | واسطة |
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