Màu sắc trong Jetpack Compose Glimmer

Các thiết bị XR được hỗ trợ

Hướng dẫn này giúp bạn xây dựng các trải nghiệm cho những loại thiết bị XR sau.

Tìm hiểu về các loại thiết bị XR →

Tìm hiểu về các loại thiết bị XR →

Trong Jetpack Compose Glimmer, hệ thống màu được thiết kế cho màn hình bổ sung và môi trường thực. Không giống như các giao diện Android tiêu chuẩn, Colors trong GlimmerTheme ưu tiên nền tối có độ trong suốt một phần và các điểm nhấn sống động để đảm bảo nội dung dễ đọc trong điều kiện ánh sáng thực tế khó đoán.

Hệ thống sử dụng bảng màu gồm 3 phần với màu chính, màu phụ và màu trung tính. Màu trung tính thường đóng vai trò là bề mặt vật lý của giao diện người dùng không gian, trong khi màu chính và màu phụ cung cấp các tín hiệu trực quan rõ ràng để tương tác và xây dựng thương hiệu.

Lưu ý rằng các màu "Trên ..." như Trên bề mặt không được hiển thị thông qua GlimmerTheme. Hệ thống tự động tính toán những màu này dựa trên màu nền.

Tuy nhiên, các màu khác được hiển thị thông qua GlimmerTheme.colors, với các giá trị cho từng vai trò màu như mô tả trong bảng sau:

Xin lưu ý rằng mặc dù background, surface, outline và outlineVariant được đánh dấu là có thể tuỳ chỉnh, nhưng bạn không nên tuỳ chỉnh các giá trị này.