הקוד עבור ממשק המשתמש של מרכז הבטיחות נמצא בספריית safetycenter packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ . התאם אישית את ממשק המשתמש של מרכז הבטיחות באמצעות שכבות משאבי ריצה (RROs) בתיקיית שכבת העל של OEM. למידע על RROs, ראה שינוי הערך של משאבי אפליקציה בזמן ריצה .
ערכות נושא וצבעים של מרכז הבטיחות
למרכז הבטיחות יש ארבעה נושאים עקרוניים שחולקים את אותן תכונות ממשק משתמש:
- אור מרכז בטיחות
- מרכז הבטיחות חשוך
- נורית הגדרות מהירות של מרכז הבטיחות
- הגדרות מהירות מרכז הבטיחות כהות
ערכות נושא של מרכז הבטיחות מכילות צבעי ברירת מחדל. צבעי ממשק המשתמש העיקריים נשאבים מצבעי מערכת אנדרואיד ויכולים להתאים אוטומטית עם ההתאמה האישית הכללית של צבע אנדרואיד של OEM. כברירת מחדל, הצבעים האלה מתאימים כחלק מהסטיילינג של Material You באנדרואיד.
אתה יכול לשנות את הצבעים של מרכז הבטיחות על ידי ביטול הערכים שלהם.
| צבע ממשק המשתמש של מרכז הבטיחות | שם מאפיין | מַשׁאָב |
|---|---|---|
| רקע כללי | 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 | Yellow 500 (#fbbc04) | |
| כפתור פעולה ראשי | @color/safety_center_button_recommend | Yellow 400 (#fcc934) | |
| כפתור פעולה משני | @color/safety_center_outline_button_recommend | Yellow 300 (#fdd663) | |
| אזהרה (אדום) | מגן סטטוס | ?attr/colorScStatusWarn | אור: אדום 600 (#d93025) כהה: אדום 500 (#ea4335) |
| מיכל מגן מצב | ?attr/colorScStatusBackgroundWarn | אור: אדום 100 (#fad2cf) כהה: colorSurfaceVariant | |
| סמל | ?attr/colorScIconWarn | Red 500 (#ea4335) | |
| כפתור פעולה ראשי | @color/safety_center_button_warn | אדום 400 (#ee675c) | |
| כפתור פעולה משני | @color/safety_center_outline_button_warn | Red 300 (#f28b82) | |
| אין המלצה (אפור) | סמל | ?attr/colorScIconNull | אפור 600 (#80868b) |
ב-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 | #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 (ירוק/600) |
| ערכת נושא כהה #34A853 (ירוק/500) | |
| מיכל ירוק | |
|---|---|
| #CEEAD6 (ירוק/100) |
| ערכת נושא כהה #474741 | |
| סמל הגדרות ירוק | |
|---|---|
| #34A853 (ירוק/500) |
| ערכת נושא כהה #34A853 (ירוק/500) | |
| כפתור סריקה | |
|---|---|
| כפתור ירוק |
| #5BB974 (ירוק/400) | |
| כותרת | כתוביות |
|
|
|---|---|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorSecondary) |
מצב צהוב
| מגן צהוב | |
|---|---|
| #F9AB00 (צהוב/600) |
| ערכת נושא כהה #FBBC04 (צהוב/500) | |
| מיכל צהוב | |
|---|---|
| #FEEFC3 (צהוב/100) |
| ערכת נושא כהה #474741 (צהוב/500) | |
| סמל הגדרות צהוב | |
|---|---|
| #FBBC04 (צהוב/500) |
| ערכת נושא כהה #FBBC04 (צהוב/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 וצריכים לרשת כל שינוי במשפחת גופנים, משקל ומאפיינים אחרים שכבר הוגדרו על ידי יצרני OEM לסגנונות כלל המכשיר שלהם. ניתן לעקוף את הופעת הטקסט של מרכז הבטיחות ישירות באמצעות RROs.
| מרכז הבטיחות הופעת טקסט | DeviceDefault base | צֶבַע | גודל | מִשׁקָל |
|---|---|---|---|---|
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 |
אריח הגדרות מהירות
מרכז הבטיחות נגיש מאריח הגדרות מהירות המיושם במודול PermissionController. אריח ההגדרות המהירות עושה שימוש חוזר בחלק ממרכיבי ממשק המשתמש ממסכי מרכז הבטיחות, כך שכבות-על יכולות לעבוד:
- שירות אריחים הגדרות מהירות:
SafetyCenterQsTileService.kt - פעילות הגדרות מהירות:
SafetyCenterQsActivity.java