Màu động

Thiết kế Material You được ra mắt cùng với bản phát hành Android 12 và mở rộng với Android 13.

Trang này tập trung vào các bản cập nhật cho logic Material You để giúp bạn tích hợp với khả năng hỗ trợ màu động phong phú hơn.

Bảng màu sắc độ linh động

Kể từ Android 12, các bảng màu sắc thái sống động sau đây được hỗ trợ:

Mỗi nhóm bao gồm một tập hợp 13 màu có nhiều giá trị độ chói được xác định như mô tả tại R.color, nhưng có các giá trị sắc độ và độ bão hoà không xác định mà hệ thống Android có thể tạo động trong thời gian chạy.

Kiểu giao diện cho màu động

Kể từ Android 13, 6 kiểu giao diện khác nhau được hỗ trợ với các biến thể của thuật toán màu động, duy trì nhu cầu của nhà phát triển và kỳ vọng về độ tương phản. Đây là danh sách dùng để tạo 65 màu động mà các ứng dụng sử dụng:

  • TONAL_SPOT là một bảng màu có độ sống động trung bình, sử dụng màu system_accent3_0 tương tự như màu system_accent1_0 (được chuyển từ bản phát hành Android 12 và được điều chỉnh một chút).
  • VIBRANT là một bảng màu có độ rung cao, kết hợp hài hoà sự thay đổi tinh tế giữa các màu.
  • EXPRESSIVE là một bảng màu có độ rung cao, kết hợp các màu nhấn độc đáo và ngoài mong đợi với nhau.
  • SPRITZ là một bảng màu có độ rung thấp, tạo ra một lớp màu nhạt giữa các màu.
  • RAINBOW sử dụng cả điểm nhấn sắc độ và vùng hiển thị trung tính để mang đến trải nghiệm màu sắc tinh tế hơn cho người dùng.
    • KHÔNG NÊN dùng chế độ này với tính năng trích xuất màu dựa trên hình nền mà thay vào đó, bạn nên dùng chế độ này với các giao diện màu tĩnh.
  • FRUIT_SALAD cung cấp hai tông màu để người dùng thể hiện cảm xúc đa dạng hơn.
    • KHÔNG NÊN dùng chế độ này với tính năng trích xuất màu dựa trên hình nền mà thay vào đó, bạn nên dùng chế độ này với các giao diện màu tĩnh.

Giao diện hệ thống được điều khiển bằng cùng một chế độ cài đặt như trong Android 12, đó là Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES. Đối với Android 13, chỉ cần một khoá trên JSON gửi màu nguồn để tạo 65 bảng màu:

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

Kiểu giao diện mặc định là TONAL_SPOT, nhưng bạn có thể tuỳ ý chỉ định một trong các kiểu giao diện khác bằng một khoá bổ sung trong JSON ở trên:

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

Tích hợp màu động

Để biết nguyên tắc về cách tích hợp màu động, hãy xem phần Tích hợp thiết kế Material You.

Câu hỏi thường gặp

API bảng màu sắc thái động bao gồm những gì?

Làm cách nào để tạo bảng sắc độ động?

Bạn phải tạo một bảng sắc độ động từ một màu nguồn duy nhất. Màu này phải được lấy từ hình nền bằng cách sử dụng com.android.systemui.monet.ColorScheme#getSeedColors. com.android.systemui.monet.ColorScheme#getSeedColors cung cấp nhiều màu nguồn hợp lệ. Nếu không có màu nào được cung cấp đáp ứng yêu cầu về màu nguồn, thì màu nguồn duy nhất phải sử dụng giá trị 0xFF1B6EF3.