নিরাপত্তা কেন্দ্র UI কাস্টমাইজ করুন

সেফটি সেন্টার 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 উপাদান পুনঃব্যবহার করে যাতে ওভারলেয়েবলগুলি কাজ করতে পারে: