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_SPOTlà một bảng màu có độ sống động trung bình, sử dụng màusystem_accent3_0tương tự như màusystem_accent1_0(được chuyển từ bản phát hành Android 12 và được điều chỉnh một chút).VIBRANTlà 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.EXPRESSIVElà 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.SPRITZlà 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.RAINBOWsử 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_SALADcung 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ì?
Có 5 bảng màu sắc:
Mỗi bảng sắc độ có 13 giá trị màu kết thúc ở các chỉ mục 0, 10, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 và 1000.
API thu được là sự kết hợp của tên bảng màu sắc độ, kết thúc bằng chỉ mục. Ví dụ:
R.color#system_accent1_10
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.