सुरक्षा केंद्र यूआई को अनुकूलित करें

सुरक्षा केंद्र यूआई के लिए कोड 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 मॉड्यूल में कार्यान्वित त्वरित सेटिंग्स टाइल से पहुंच योग्य है। त्वरित सेटिंग्स टाइल सुरक्षा केंद्र स्क्रीन से कुछ यूआई घटकों का पुन: उपयोग करती है ताकि ओवरलेबल्स काम कर सकें: