सुरक्षा केंद्र के यूज़र इंटरफ़ेस (यूआई) का कोड, safetycenter डायरेक्ट्री में मौजूद है
packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/.
रनटाइम रिसॉर्स ओवरले (आरआरओ) का इस्तेमाल करके, सुरक्षा केंद्र के यूज़र इंटरफ़ेस (यूआई) को पसंद के मुताबिक बनाने के लिए,
OEM ओवरले फ़ोल्डर. आरआरओ के बारे में जानकारी के लिए, किसी ऐप्लिकेशन की वैल्यू बदलना
रनटाइम पर संसाधन इस्तेमाल करना चाहिए.
सुरक्षा केंद्र की थीम और रंग
सुरक्षा केंद्र में चार ऐसी सिद्धांत थीम हैं जो एक ही यूज़र इंटरफ़ेस (यूआई) एट्रिब्यूट शेयर करती हैं:
- सुरक्षा केंद्र की लाइट
- सुरक्षा केंद्र पर गहरे रंग वाला मोड
- सुरक्षा केंद्र की क्विक सेटिंग लाइट
- सुरक्षा केंद्र की क्विक सेटिंग गहरे रंग वाली थीम
सुरक्षा केंद्र की थीम में डिफ़ॉल्ट रंग होते हैं. मुख्य यूज़र इंटरफ़ेस (यूआई) के रंग बनाए गए हैं Android सिस्टम के रंगों से बदल जाता है और OEM के सामान्य पसंद के मुताबिक बनाया जा सकता है. डिफ़ॉल्ट रूप से, ये रंग Android में मटीरियल यू स्टाइलिंग.
सुरक्षा केंद्र के रंग बदलने के लिए, उनकी वैल्यू बदलें.
| सुरक्षा केंद्र के यूज़र इंटरफ़ेस (यूआई) का रंग | विशेषता नाम | संसाधन |
|---|---|---|
| बैकग्राउंड | android:colorBackground |
@android:color/background_device_default_light@android:color/primary_dark_device_default_settings |
| Surface | 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 |
L स्टार वैल्यू वाला @android:color/system_neutral1_500
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} इन दोनों में बैकग्राउंड का रंग बदलता है
स्कैन के दौरान बैकग्राउंड के ऐनिमेशन और स्टैटिक स्टेटस इमेज.
सुरक्षा केंद्र की 'फटाफट सेटिंग' थीम, गहरे रंग वाले मोड का इस्तेमाल करती है, भले ही डिवाइस गहरे रंग वाले मोड में सेट है.
| गंभीरता | यूज़र इंटरफ़ेस (यूआई) एलिमेंट | एट्रिब्यूट या संसाधन का नाम | डिफ़ॉल्ट रंग |
|---|---|---|---|
| जानकारी (हरा) | स्टेटस शील्ड | ?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 (#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 | #एफ़सीसी934 |
@color/sc_status_warn_dark |
लाल 500 | लाल 400 | #ईई675C |
@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 (TextColorसेकंडरी) |
येलो स्टेट
| येलो शील्ड | |
|---|---|
|
#F9AB00 (पीला/600) |
| गहरे रंग वाली थीम #FBBC04 (पीला/500) |
|
| पीला कंटेनर | |
|---|---|
|
#feeFC3 (पीला/100) |
| गहरे रंग वाली थीम #474741 (पीला/500) |
|
| पीले रंग का सेटिंग आइकॉन | |
|---|---|
|
#FBBC04 (पीला/500) |
| गहरे रंग वाली थीम #FBBC04 (पीला/500) |
|
| 'स्कैन करें' बटन | |
|---|---|
|
पीला बटन |
| #5BB974 (पीला/400) | |
| शीर्षक | उपशीर्षक |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorसेकंडरी) |
लाल स्थिति
| रेड शील्ड | |
|---|---|
|
#D93025 (लाल/600) |
| गहरे रंग वाली थीम #EA4335 (लाल/500) |
|
| लाल कंटेनर | |
|---|---|
|
#FAD2CF (लाल/100) |
| गहरे रंग वाली थीम #474741 |
|
| सेटिंग का लाल आइकॉन | |
|---|---|
|
#EA4335 (लाल/500) |
| गहरे रंग वाली थीम #EA4335 (लाल/500) |
|
| अनइंस्टॉल करने का बटन | |
|---|---|
|
लाल बटन |
| #EE675C (लाल/400) | |
| शीर्षक | उपशीर्षक |
|---|---|
|
|
| #1B1C17 (TextColorPrimary) | #46483B (TextColorसेकंडरी) |
फ़ॉन्ट और टेक्स्ट के दिखने का तरीका
सुरक्षा केंद्र के फ़ॉन्ट और टेक्स्ट दिखने का तरीका, Android के डिफ़ॉल्ट टेक्स्ट पर आधारित होता है दिखने के साथ-साथ फ़ॉन्ट फ़ैमिली, वेट वगैरह में होने वाले किसी भी बदलाव को इनहेरिट करना चाहिए ऐसी प्रॉपर्टी जिन्हें OEM ने पहले ही अपने डिवाइस की स्टाइल में कॉन्फ़िगर कर लिया है. सुरक्षा केंद्र RRO का इस्तेमाल करके, टेक्स्ट के दिखने के तरीके को सीधे बदला जा सकता है.
| सुरक्षा केंद्र पर टेक्स्ट के दिखने का तरीका | DeviceDefault बेस | रंग | साइज़ | वज़न |
|---|---|---|---|---|
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 sp/20 sp या 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 डीपी |
क्विक सेटिंग टाइल
सुरक्षा केंद्र को क्विक सेटिंग टाइल से ऐक्सेस किया जा सकता है. यह टाइल, अनुमति नियंत्रक मॉड्यूल. क्विक सेटिंग टाइल, यूज़र इंटरफ़ेस (यूआई) के कुछ हिस्से का फिर से इस्तेमाल करती है सुरक्षा केंद्र स्क्रीन के कॉम्पोनेंट, ताकि ओवरले किए जा सकने वाले एलिमेंट काम कर सकें:
- क्विक सेटिंग टाइल सर्विस:
SafetyCenterQsTileService.kt - क्विक सेटिंग से जुड़ी गतिविधि:
SafetyCenterQsActivity.java