สีไดนามิก

Material You design เปิดตัวพร้อมกับ Android 12 และขยายด้วย Android 13

หน้านี้เน้นที่การอัปเดตตรรกะของ Material You เพื่อช่วยให้คุณผสานรวมกับการสนับสนุนสีไดนามิกที่สมบูรณ์ยิ่งขึ้น

จานโทนสีแบบไดนามิก

ตั้งแต่ Android 12 เป็นต้นไป ระบบรองรับชุดโทนสีแบบไดนามิกต่อไปนี้

• system_accent1_0
• system_accent2_0
• system_accent3_0
• system_neutral1_0
• system_neutral2_0 )

แต่ละสีประกอบด้วยชุดสี 13 สีที่มีค่าความสว่างต่างๆ ที่กำหนดไว้ตามที่อธิบายไว้ใน R.color แต่มีค่าเฉดสีและสีที่ไม่ได้กำหนดไว้ ซึ่งระบบ Android สามารถสร้างได้แบบไดนามิกขณะรันไทม์

สไตล์ธีมสำหรับสีไดนามิก

ตั้งแต่ Android 13 เป็นต้นไป รองรับธีมธีมที่แตกต่างกัน 6 แบบด้วยอัลกอริธึมสีไดนามิกที่หลากหลาย ซึ่งรักษาความต้องการของนักพัฒนาและความคาดหวังด้านคอนทราสต์ สิ่งเหล่านี้แสดงรายการไว้เพื่อสร้างสีไดนามิก 65 สีที่แอพใช้:

• TONAL_SPOT เป็นชุดสีที่มีความมีชีวิตชีวาปานกลางซึ่งใช้สี system_accent3_0 ซึ่งคล้ายคลึงกับสี system_accent1_0 (นำมาจาก Android 12 รุ่นและปรับเล็กน้อย)
• VIBRANT เป็นพาเล็ตต์ที่มีความมีชีวิตชีวาสูงที่ผสมผสานการเปลี่ยนแปลงเล็กน้อยระหว่างสีได้อย่างกลมกลืน
• EXPRESSIVE เป็นพาเล็ตต์ที่มีชีวิตชีวาสูงที่จับคู่สีที่เน้นความโดดเด่นและไม่เหมือนใครเข้าด้วยกัน
• SPRITZ เป็นจานสีที่มีความมีชีวิตชีวาต่ำซึ่งสร้างสีสันที่นุ่มนวลระหว่างสีต่างๆ
• RAINBOW ใช้ทั้งการเน้นสีและพื้นผิวที่เป็นกลางเพื่อสร้างประสบการณ์สีที่ละเอียดอ่อนยิ่งขึ้นสำหรับผู้ใช้
  • ไม่แนะนำ ให้ใช้กับการแยกสีตามวอลเปเปอร์ และควรใช้กับธีมสีคงที่แทน
• FRUIT_SALAD มี สองโทนสี เพื่อให้ผู้ใช้แสดงออกมากขึ้น
  • ไม่แนะนำ ให้ใช้กับการแยกสีตามวอลเปเปอร์ และควรใช้กับธีมสีคงที่แทน

ธีมของระบบขับเคลื่อนด้วยการตั้งค่าเดียวกับใน Android 12 ซึ่งก็คือ Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES สำหรับ Android 13 ต้องใช้เพียงคีย์เดียวบน JSON ที่ส่งสีต้นฉบับเพื่อสร้างชุดสี 65 สี:

{
    "android.theme.customization.system_palette":"746BC1"
}

สไตล์ธีมเริ่มต้นคือ TONAL_SPOT แต่คุณสามารถเลือกระบุสไตล์ธีมอื่นแบบใดแบบหนึ่งด้วยคีย์เพิ่มเติมด้วย JSON ด้านบน:

{
    "android.theme.customization.system_palette":"746BC1"
    "android.theme.customization.theme_style":"EXPRESSIVE"
}

บูรณาการสีแบบไดนามิก

สำหรับคำแนะนำในการรวมสีแบบไดนามิก โปรดดู การรวมวัสดุที่คุณออกแบบ

คำถามที่พบบ่อย (FAQ)

API จานสีโทนสีไดนามิกประกอบด้วยอะไรบ้าง

• มีจานสีห้าสี:

  • system_accent1
  • system_accent2
  • system_accent3
  • system_neutral1
  • system_neutral2

• แต่ละโทนสีจะมี 13 ค่าสีที่ลงท้ายด้วยดัชนี 0, 10, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 และ 1,000

• API ที่ได้คือการรวมกันของชื่อชุดโทนสีซึ่งลงท้ายด้วยดัชนี ตัวอย่างเช่น: R.color#system_accent1_10

พาเลทโทนสีไดนามิกถูกสร้างขึ้นอย่างไร?

จานสีโทนสีไดนามิกต้องสร้างขึ้นจากสีต้นทางเดียวที่ควรได้มาจากวอลเปเปอร์โดยใช้ com.android.systemui.monet.ColorScheme#getSeedColors ซึ่งมีสีต้นทางที่ถูกต้องหลายสี หากไม่มีสีที่ให้มาตรงตามข้อกำหนดสีต้นทาง สีเดียวควรใช้ค่า 0xFF1B6EF3