सुरक्षा केंद्र यूआई के लिए कोड safetycenter
निर्देशिका packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/
में स्थित है। OEM ओवरले फ़ोल्डर में रनटाइम रिसोर्स ओवरले (आरआरओ) का उपयोग करके सुरक्षा केंद्र यूआई को अनुकूलित करें। आरआरओ पर जानकारी के लिए, रनटाइम पर ऐप के संसाधनों का मूल्य बदलें देखें।
सुरक्षा केंद्र थीम और रंग
सुरक्षा केंद्र में चार प्रमुख थीम हैं जो समान यूआई विशेषताएँ साझा करती हैं:
- सुरक्षा केंद्र प्रकाश
- सुरक्षा केंद्र में अंधेरा
- सुरक्षा केंद्र त्वरित सेटिंग्स लाइट
- सुरक्षा केंद्र त्वरित सेटिंग्स अंधेरा
सुरक्षा केंद्र थीम में डिफ़ॉल्ट रंग होते हैं. सिद्धांत यूआई रंग एंड्रॉइड सिस्टम रंगों से तैयार किए जाते हैं और OEM के एंड्रॉइड रंग के सामान्य अनुकूलन के साथ स्वचालित रूप से अनुकूलित हो सकते हैं। डिफ़ॉल्ट रूप से, ये रंग एंड्रॉइड में मटेरियल यू स्टाइलिंग के हिस्से के रूप में अनुकूलित होते हैं।
आप सुरक्षा केंद्र के रंगों को उनके मानों को ओवरराइड करके बदल सकते हैं।
सुरक्षा केंद्र यूआई रंग | उत्तरदायी ठहराने के लिए नाम | संसाधन |
---|---|---|
पृष्ठभूमि | 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 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 (#5बीबी974) | |
द्वितीयक क्रिया बटन | @color/safety_center_outline_button_info | हरा 300 (#81सी995) | |
अनुशंसा (पीला) | स्थिति ढाल | ?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बी) |
एंड्रॉइड 14 में, प्रत्येक थीम रंग संपत्ति के लिए ओवरलेबल रंग संसाधन जोड़े गए हैं, और कुछ डिफ़ॉल्ट रंग संशोधित किए गए हैं:
संसाधन का नाम | Android 13 बैकिंग रंग | Android 14 बैकिंग रंग | एंड्रॉइड 14 हेक्स कोड |
---|---|---|---|
@color/sc_status_info_light | हरा 600 | सिमेंटिक हरा | #0ई8435 |
@color/sc_status_recommend_light | पीला 600 | स्थिर | |
@color/sc_status_warn_light | लाल 600 | स्थिर | |
@color/sc_status_info_dark | हरा 500 | हरा 400 | #5बीबी974 |
@color/sc_status_recommend_dark | पीला 500 | पीला 400 | #FCC934 |
@color/sc_status_warn_dark | लाल 500 | लाल 400 | #ईई675सी |
@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 | #बीडीसी1सी6 |
@color/sc_shield_accent_dark | उपलब्ध नहीं है | ग्रे 900 | #202124 |
यूआई रंग
हरित राज्य
हरी ढाल | |
---|---|
#1ई8ई3ई (हरा/600) | |
डार्क थीम #34ए853 (हरा/500) |
हरा पात्र | |
---|---|
#CEEAD6 (हरा/100) | |
डार्क थीम #474741 |
हरा सेटिंग आइकन | |
---|---|
#34ए853 (हरा/500) | |
डार्क थीम #34ए853 (हरा/500) |
स्कैन बटन | |
---|---|
हरा बटन | |
#5बीबी974 (हरा/400) |
शीर्षक | उपशीर्षक |
---|---|
#1बी1सी17 (टेक्स्टकलरप्राइमरी) | #46483बी (टेक्स्टकलरसेकेंडरी) |
पीली अवस्था
पीली ढाल | |
---|---|
#F9AB00 (पीला/600) | |
डार्क थीम #FBBC04 (पीला/500) |
पीला पात्र | |
---|---|
#FEEFC3 (पीला/100) | |
डार्क थीम #474741 (पीला/500) |
पीला सेटिंग आइकन | |
---|---|
#FBBC04 (पीला/500) | |
डार्क थीम #FBBC04 (पीला/500) |
स्कैन बटन | |
---|---|
पीला बटन | |
#5बीबी974 (पीला/400) |
शीर्षक | उपशीर्षक |
---|---|
#1बी1सी17 (टेक्स्टकलरप्राइमरी) | #46483बी (टेक्स्टकलरसेकेंडरी) |
लाल राज्य
लाल ढाल | |
---|---|
#D93025 (लाल/600) | |
डार्क थीम #EA4335 (लाल/500) |
लाल पात्र | |
---|---|
#FAD2CF (लाल/100) | |
डार्क थीम #474741 |
लाल सेटिंग आइकन | |
---|---|
#EA4335 (लाल/500) | |
डार्क थीम #EA4335 (लाल/500) |
अनइंस्टॉल बटन | |
---|---|
लाल बटन | |
#EE675C (लाल/400) |
शीर्षक | उपशीर्षक |
---|---|
#1बी1सी17 (टेक्स्टकलरप्राइमरी) | #46483बी (टेक्स्टकलरसेकेंडरी) |
फ़ॉन्ट और पाठ उपस्थिति
सुरक्षा केंद्र फ़ॉन्ट और टेक्स्ट उपस्थिति एंड्रॉइड डिफ़ॉल्ट टेक्स्ट उपस्थिति पर आधारित होती है और OEM द्वारा पहले से ही उनके डिवाइस-व्यापी शैलियों में कॉन्फ़िगर किए गए फ़ॉन्ट परिवार, वजन और अन्य गुणों में कोई भी बदलाव आना चाहिए। सुरक्षा केंद्र पाठ उपस्थिति को सीधे आरआरओ का उपयोग करके ओवरराइड किया जा सकता है।
सुरक्षा केंद्र पाठ उपस्थिति | डिवाइस डिफॉल्ट आधार | रंग | आकार | वज़न |
---|---|---|---|---|
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