সেফটি সেন্টার UI-এর কোডটি safetycenter ডিরেক্টরি packages/modules/Permission/PermissionController/src/com/android/permissioncontroller/safetycenter/ এ অবস্থিত। OEM ওভারলে ফোল্ডারে রানটাইম রিসোর্স ওভারলে (RROs) ব্যবহার করে নিরাপত্তা কেন্দ্র UI কাস্টমাইজ করুন। RRO সম্পর্কে তথ্যের জন্য, রানটাইমে অ্যাপের সম্পদের মান পরিবর্তন দেখুন।
নিরাপত্তা কেন্দ্র থিম এবং রং
নিরাপত্তা কেন্দ্রের চারটি মূল থিম রয়েছে যা একই UI বৈশিষ্ট্যগুলি ভাগ করে:
- নিরাপত্তা কেন্দ্রের আলো
- নিরাপত্তা কেন্দ্র অন্ধকার
- নিরাপত্তা কেন্দ্র দ্রুত সেটিংস আলো
- নিরাপত্তা কেন্দ্র দ্রুত সেটিংস অন্ধকার
নিরাপত্তা কেন্দ্রের থিমগুলিতে ডিফল্ট রঙ থাকে৷ মূল UI রঙগুলি অ্যান্ড্রয়েড সিস্টেমের রঙগুলি থেকে আঁকা হয় এবং OEM এর Android রঙের সাধারণ কাস্টমাইজেশনের সাথে স্বয়ংক্রিয়ভাবে মানিয়ে নিতে পারে৷ ডিফল্টরূপে, এই রঙগুলি অ্যান্ড্রয়েডে মেটেরিয়াল ইউ স্টাইলিং এর অংশ হিসাবে মানিয়ে নেয়।
আপনি তাদের মান ওভাররাইড করে নিরাপত্তা কেন্দ্র রং পরিবর্তন করতে পারেন.
| নিরাপত্তা কেন্দ্র UI রঙ | নাম গুন | সম্পদ |
|---|---|---|
| পটভূমি | 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 রঙ প্যালেট থেকে আঁকা হয়। আমরা আপনাকে এই বেস রঙগুলি রাখার পরামর্শ দিই, তবে আপনি সবুজ, হলুদ এবং লাল প্যালেটের বিভিন্ন শেড ব্যবহার করতে পারেন।
এই রঙের বৈশিষ্ট্যগুলি আইকন, বোতাম এবং স্ক্যানিং এবং স্থিতি পরিবর্তন অ্যানিমেশন সহ সুরক্ষা কেন্দ্র UI-তে তীব্রতা-রঙের আইটেমগুলিকে সংযুক্ত করার জন্য ব্যবহৃত হয়। এই রং পরিবর্তন করা সমস্ত উপাদান পুনরায় রং করা হয়. উদাহরণ স্বরূপ, @color/sc_status_info_{light,dark} পরিবর্তন করলে স্ট্যাটিক স্ট্যাটাস ইমেজ এবং স্ক্যানের সময় ব্যাকগ্রাউন্ডের অ্যানিমেশন উভয় ক্ষেত্রেই পটভূমির রঙ পরিবর্তন হয়।
ডিভাইসটি ডার্ক মোডে সেট করা হোক বা না হোক সেফটি সেন্টার কুইক সেটিংস থিম গাঢ় মোড রং ব্যবহার করে।
| নির্দয়তা | UI উপাদান | বৈশিষ্ট্য বা সম্পদের নাম | ডিফল্ট রঙ |
|---|---|---|---|
| তথ্য (সবুজ) | স্ট্যাটাস শিল্ড | ?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) |
অ্যান্ড্রয়েড 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 |
UI রং
সবুজ রাষ্ট্র
| সবুজ ঢাল | |
|---|---|
| #1E8E3E (সবুজ/600) |
| গাঢ় থিম #34A853 (সবুজ/500) | |
| সবুজ পাত্র | |
|---|---|
| #CEEAD6 (সবুজ/100) |
| গাঢ় থিম #474741 | |
| সবুজ সেটিংস আইকন | |
|---|---|
| #34A853 (সবুজ/500) |
| গাঢ় থিম #34A853 (সবুজ/500) | |
| স্ক্যান বোতাম | |
|---|---|
| সবুজ বোতাম |
| #5BB974 (সবুজ/400) | |
| শিরোনাম | সাবটাইটেল |
|
|
|---|---|
| #1B1C17 (টেক্সট কালার প্রাইমারি) | #46483B (টেক্সট কালার সেকেন্ডারি) |
হলুদ রাজ্য
| হলুদ ঢাল | |
|---|---|
| #F9AB00 (হলুদ/600) |
| গাঢ় থিম #FBBC04 (হলুদ/500) | |
| হলুদ পাত্র | |
|---|---|
| #FEEFC3 (হলুদ/100) |
| গাঢ় থিম #474741 (হলুদ/500) | |
| হলুদ সেটিংস আইকন | |
|---|---|
| #FBBC04 (হলুদ/500) |
| গাঢ় থিম #FBBC04 (হলুদ/500) | |
| স্ক্যান বোতাম | |
|---|---|
| হলুদ বোতাম |
| #5BB974 (হলুদ/400) | |
| শিরোনাম | সাবটাইটেল |
|
|
|---|---|
| #1B1C17 (টেক্সট কালার প্রাইমারি) | #46483B (টেক্সট কালার সেকেন্ডারি) |
লাল রাজ্য
| লাল ঢাল | |
|---|---|
| #D93025 (Red/600) |
| গাঢ় থিম #EA4335 (লাল/500) | |
| লাল পাত্র | |
|---|---|
| #FAD2CF (লাল/100) |
| গাঢ় থিম #474741 | |
| লাল সেটিংস আইকন | |
|---|---|
| #EA4335 (লাল/500) |
| গাঢ় থিম #EA4335 (লাল/500) | |
| আনইনস্টল বোতাম | |
|---|---|
| লাল বোতাম |
| #EE675C (লাল/400) | |
| শিরোনাম | সাবটাইটেল |
|
|
|---|---|
| #1B1C17 (টেক্সট কালার প্রাইমারি) | #46483B (টেক্সট কালার সেকেন্ডারি) |
ফন্ট এবং টেক্সট চেহারা
নিরাপত্তা কেন্দ্র ফন্ট এবং পাঠ্য উপস্থিতি Android ডিফল্ট পাঠ্য উপস্থিতির উপর ভিত্তি করে এবং একটি ফন্ট পরিবার, ওজন, এবং OEM দ্বারা তাদের ডিভাইস-ব্যাপী শৈলীতে ইতিমধ্যেই কনফিগার করা অন্যান্য বৈশিষ্ট্যের যেকোনো পরিবর্তনের উত্তরাধিকারী হওয়া উচিত। সুরক্ষা কেন্দ্র পাঠ্য উপস্থিতি সরাসরি RRO ব্যবহার করে ওভাররাইড করা যেতে পারে৷
| নিরাপত্তা কেন্দ্র পাঠ্য উপস্থিতি | ডিভাইস ডিফল্ট বেস | রঙ | আকার | ওজন |
|---|---|---|---|---|
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 ডিপি |
@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 ডিপি |
দ্রুত সেটিংস টাইল
পারমিশন কন্ট্রোলার মডিউলে প্রয়োগ করা একটি দ্রুত সেটিংস টাইল থেকে নিরাপত্তা কেন্দ্র অ্যাক্সেসযোগ্য। দ্রুত সেটিংস টাইল নিরাপত্তা কেন্দ্রের স্ক্রীন থেকে কিছু UI উপাদান পুনঃব্যবহার করে যাতে ওভারলেয়েবলগুলি কাজ করতে পারে:
- দ্রুত সেটিংস টাইল পরিষেবা:
SafetyCenterQsTileService.kt - দ্রুত সেটিংস কার্যকলাপ:
SafetyCenterQsActivity.java