Thanh điều khiển được thu nhỏ
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
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.
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
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.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2026-03-04 UTC."],[],[]]