Màu động

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

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

Bảng màu động

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

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

Phong cách chủ đề cho màu sắc năng động

Bắt đầu từ Android 13, sáu kiểu chủ đề khác nhau được hỗ trợ với các biến thể của thuật toán màu động nhằm duy trì nhu cầu của nhà phát triển và mong đợi về độ tương phản. Chúng được liệt kê để tạo 65 màu động được ứng dụng sử dụng:

  • TONAL_SPOT là bảng màu có độ rung 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à bảng màu có độ sống động cao, kết hợp hài hòa sự chuyển đổi tinh tế giữa các màu sắc.
  • EXPRESSIVE là bảng màu có độ sống động cao kết hợp các màu tạo điểm nhấn độc đáo và bất ngờ với nhau.
  • SPRITZ là bảng màu có độ rung thấp, tạo ra sự hòa trộn nhẹ nhàng giữa các màu.
  • RAINBOW sử dụng cả điểm nhấn màu sắc và bề mặt trung tính để tạo ra trải nghiệm màu sắc tinh tế hơn cho người dùng.
    • Điều này KHÔNG ĐƯỢC KHUYẾN NGHỊ để sử dụng với trích xuất màu dựa trên hình nền và thay vào đó nên sử dụng với các chủ đề màu tĩnh.
  • FRUIT_SALAD cung cấp hai tông màu để mang đến cho người dùng nhiều biểu cảm hơn.
    • Điều này KHÔNG ĐƯỢC KHUYẾN NGHỊ để sử dụng với trích xuất màu dựa trên hình nền và thay vào đó nên sử dụng với các chủ đề màu tĩnh.

Chủ đề hệ thống được điều khiển bởi cài đặt tương tự như trong Android 12, đó là Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES . Đối với Android 13, nó chỉ yêu cầu một khóa trên JSON để gửi màu nguồn để tạo ra 65 bảng màu:

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

Kiểu chủ đề mặc định là TONAL_SPOT , nhưng bạn có thể tùy ý chỉ định một trong các kiểu chủ đề khác bằng một khóa bổ sung có JSON ở trên:

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

Tích hợp màu sắc năng động

Để biết hướng dẫn về cách tích hợp màu động, hãy xem Tích hợp Chất liệu mà Bạn Thiết kế .

Các câu hỏi thường gặp (FAQ)

API bảng màu động bao gồm những gì?

Một bảng màu động được tạo ra như thế nào?

Bảng màu động phải được tạo từ một màu nguồn duy nhất được lấy từ hình nền bằng cách sử dụng 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 sẽ sử dụng giá trị 0xFF1B6EF3 .