הקוד לממשק המשתמש של מרכז הבטיחות נמצא בספרייה safetycenter
packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/.
להתאים אישית את ממשק המשתמש של מרכז הבטיחות באמצעות שכבות-על של משאבי זמן ריצה (RRO)
תיקיית שכבת-על של OEM (יצרן ציוד מקורי). למידע נוסף על RRO, ראו שינוי הערך של אפליקציה
משאבים בזמן הריצה.
עיצובים וצבעים של מרכז הבטיחות
במרכז הבטיחות יש ארבעה נושאים עיקריים שיש להם מאפיינים זהים של ממשק המשתמש:
- נורית מרכז הבטיחות
- מרכז הבטיחות כהה
- נורית ההגדרות המהירות של מרכז הבטיחות
- ההגדרות המהירות במרכז הבטיחות כהה
העיצובים של מרכז הבטיחות מכילים צבעי ברירת מחדל. הצבעים העיקריים של ממשק המשתמש נכתבים מצבעי המערכת של Android שיכולים להתאים את עצמו באופן אוטומטי לפי הנחיות ה-OEM (יצרן הציוד המקורי) התאמה אישית של צבע Android. כברירת מחדל, הצבעים האלה מותאמים חומר שאתם מעצבים ב-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. רביעי אנחנו ממליצים להשאיר את צבעי הבסיס האלה, אבל אפשר להשתמש בגוונים שונים את לוח הצבעים הירוק, הצהוב והאדום.
מאפייני הצבע האלה משמשים לשיוך פריטים שצבעם משתנה לפי דרגת חומרה
ממשק המשתמש של מרכז הבטיחות, כולל סמלים, לחצנים, סריקה ושינוי סטטוס
אנימציות. שינוי הצבעים האלה יגרום לצביעה מחדש של כל הרכיבים. לדוגמה, שינוי של
@color/sc_status_info_{light,dark} משנה את צבע הרקע
תמונת סטטוס סטטית והאנימציה של הרקע במהלך סריקה.
העיצוב של 'הגדרות מהירות' של מרכז הבטיחות משתמש בצבעים של מצב כהה, שהמכשיר מוגדר במצב כהה.
| רמת החומרה | רכיב UI | שם המאפיין או המשאב | צבע ברירת המחדל |
|---|---|---|---|
| מידע (ירוק) | מגן סטטוס | ?attr/colorScStatusInfo |
בהיר: ירוק 600 (#1e8e3e) כהה: ירוק 500 (#34a853) |
| סטטוס קונטיינר של Shield | ?attr/colorScStatusBackgroundInfo |
בהיר: ירוק 100 (#ceead6)colorSurfaceVariant |
|
| סמל | ?attr/colorScIconInfo |
ירוק 500 (#34a853) | |
| לחצן פעולה ראשי | @color/safety_center_button_info |
ירוק 400 (#5b974) | |
| לחצן פעולה משני | @color/safety_center_outline_button_info |
ירוק 300 (#81c995) | |
| המלצה (צהוב) | מגן סטטוס | ?attr/colorScStatusRecommend |
בהיר: צהוב 600 (#f9ab00) כהה: צהוב 500 (#fbbc04) |
| סטטוס קונטיינר של Shield | ?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) |
| סטטוס קונטיינר של Shield | ?attr/colorScStatusBackgroundWarn |
בהיר: אדום 100 (#fad2cf) כהה: colorSurfaceVariant |
|
| סמל | ?attr/colorScIconWarn |
Red 500 (#ea4335) | |
| לחצן פעולה ראשי | @color/safety_center_button_warn |
אדום 400 (#ee675c) | |
| לחצן פעולה משני | @color/safety_center_outline_button_warn |
אדום 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_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 (green/600) |
| עיצוב כהה #34A853 (ירוק/500) |
|
| מכל ירוק | |
|---|---|
|
#CEEAD6 (ירוק/100) |
| עיצוב כהה #474741 |
|
| סמל הגדרות ירוקות | |
|---|---|
|
#34A853 (ירוק/500) |
| עיצוב כהה #34A853 (ירוק/500) |
|
| לחצן הסריקה | |
|---|---|
|
לחצן ירוק |
| #5BB974 (ירוק/400) | |
| כותרת | כותרת משנה |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorsecondary) |
מצב צהוב
| מגן צהוב | |
|---|---|
|
#F9AB00 (צהוב/600) |
| עיצוב כהה #FBBC04 (צהוב/500) |
|
| מאגר צהוב | |
|---|---|
|
#FEEFC3 (yellow/100) |
| עיצוב כהה #474741 (צהוב/500) |
|
| סמל הגדרות צהוב | |
|---|---|
|
#FBBC04 (צהוב/500) |
| עיצוב כהה #FBBC04 (צהוב/500) |
|
| לחצן הסריקה | |
|---|---|
|
לחצן צהוב |
| #5BB974 (צהוב/400) | |
| כותרת | כותרת משנה |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorsecondary) |
מצב אדום
| מגן אדום | |
|---|---|
|
#D93025 (Red/600) |
| עיצוב כהה #EA4335 (red/500) |
|
| מאגר אדום | |
|---|---|
|
#FAD2CF (red/100) |
| עיצוב כהה #474741 |
|
| סמל הגדרות אדום | |
|---|---|
|
#EA4335 (red/500) |
| עיצוב כהה #EA4335 (red/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 sp/24 sp | " |
TextAppearance.SafetyCenter.Medium |
TextAppearance.DeviceDefault.Medium |
משתנה | 14 sp/20 sp או 16 sp/24 sp |
בינוני |
TextAppearance.SafetyCenter.Body |
TextAppearance.DeviceDefault.Small |
android:textColorSecondary |
14 sp/20 sp | רגיל |
ריווח וסגנונות
מרכז הבטיחות משתמש בקבוצה של ערכי ברירת מחדל למרווח פנימי באופן אוניברסלי לצורך מרווח פנימי לשוליים. שינוי צפיפות המידע במרכז הבטיחות על ידי ביטול הריווח ערכים.
| שם משאב | ערך ברירת מחדל |
|---|---|
@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 |
אתם יכולים להתאים אישית את הרדיוסים של הפינות בכרטיסים של מרכז הבטיחות. גודל פינה אחת הרדיוס משמש ללחצנים ושלוש פינות גדלים במרכז הבטיחות כרטיסים:
| שם משאב | ערך ברירת מחדל |
|---|---|
@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 |
לחצן בהגדרות המהירות
ניתן לגשת למרכז הבטיחות דרך לחצן ב'הגדרות מהירות' שהוטמע PermissionsController. לחצן ההגדרות המהירות עושה שימוש חוזר בחלק מממשק המשתמש מהמסכים של מרכז הבטיחות, כדי ששכבות-על יוכלו לפעול:
- שירות לחצן בהגדרות המהירות:
SafetyCenterQsTileService.kt - פעילות בהגדרות המהירות:
SafetyCenterQsActivity.java