Thanh điều khiển được thu nhỏ

Thanh điều khiển thu nhỏ được sử dụng để hiển thị một tập hợp tối thiểu các điều khiển và siêu dữ liệu. Khi được chọn, nó sẽ mở ra một lớp phủ toàn màn hình bao gồm một thanh điều khiển lớn hơn với các điều khiển bổ sung.

Ví dụ, thanh điều khiển thu nhỏ của các ứng dụng đa phương tiện giữ lại một bộ nhỏ các điều khiển phát lại và siêu dữ liệu có sẵn trong suốt ứng dụng khi nhạc đang phát – và nó cũng có thể mở ra chế độ xem phát lại toàn màn hình.

biểu tượng chú thích
Thành phần thanh điều khiển
Thanh điều khiển đầy đủ có thể hiển thị một bộ điều khiển mở rộng.

Giải phẫu học

1. Ô nội dung
2. Siêu dữ liệu
3. Điều khiển

Thông số kỹ thuật

biểu tượng chú thích
Thành phần danh sách các mục
Thông số kỹ thuật, hướng dẫn kiểu dáng và nhiều hơn nữa

Thanh điều khiển thu nhỏ

Thanh điều khiển thu nhỏ với nội dung tràn ra ngoài.

Điều chỉnh tỷ lệ bố cục

Các bố cục tham khảo này cho thấy cách điều chỉnh thanh điều khiển thu nhỏ để phù hợp với màn hình có chiều rộng và chiều cao khác nhau. Lưu ý rằng tất cả các giá trị pixel đều là pixel đã được hiển thị, trước khi bất kỳ quá trình giảm hoặc tăng kích thước nào diễn ra.

Màn hình chiều rộng tiêu chuẩn

Màn hình rộng

Màn hình cực rộng và siêu rộng

Phong cách

Kiểu chữ

Kiểu chữ Kiểu chữ Cân nặng Kích thước (dp)
Thân 1 Robot Thường xuyên 32
Thân 3 Robot Thường xuyên 24

Màu sắc

Yếu tố Màu sắc (chế độ ban ngày) Màu sắc (chế độ ban đêm)
Loại chính Trắng Màu trắng @ 88%
Loại thứ cấp Màu trắng @ 72% Màu trắng @ 60%
Biểu tượng Trắng Màu trắng @ 88%
Chỉ báo thời gian đã trôi qua giọng nói của bên thứ ba giọng nói của bên thứ ba
Chỉ báo thời gian còn lại #464A4D #464A4D
Hình nền của thanh điều khiển thu nhỏ #0E1013 @ 84% #0E1013 @ 88%
Cắt bớt độ dốc Màu đen ở mức 0-100% trên 10% không gian văn bản. Màu đen ở mức 0-100% trên 10% không gian văn bản.

Kích thước

Yếu tố Kích thước (dp)
Biểu tượng 44
Ô nội dung 96
Chỉ số tiến độ 84
chỉ báo tiến độ 4
Chiều cao của thanh điều khiển thu nhỏ 128
Bán kính bo tròn góc (R1) 4

Ví dụ

Thanh điều khiển được thu nhỏ cho màn hình có chiều rộng lớn hơn chiều rộng tiêu chuẩn.

Thanh điều khiển được thu nhỏ cho màn hình có chiều rộng tiêu chuẩn.