Mục trong danh sách

Chế độ xem danh sách hiển thị nội dung dưới dạng các mục dòng trong một danh sách một cột cuộn theo chiều dọc. Chế độ xem này phù hợp nhất khi người dùng dựa vào việc đọc văn bản và xem dữ liệu để đưa ra lựa chọn của mình.

Các mục trong danh sách yêu cầu ít không gian theo chiều dọc hơn so với các mục trong lưới, cho phép hiển thị nhiều mục hơn trên màn hình.

biểu tượng chú thích
Thành phần lưới
Chế độ lưới cung cấp một cách hiển thị thay thế giúp làm nổi bật hình ảnh.

Giải phẫu học

Trong chế độ xem danh sách, mỗi hàng chứa một ô đại diện cho một mục trong danh sách. Các thao tác chính có thể lấp đầy ô đó, cho phép người dùng thực hiện hành động từ bất kỳ vị trí nào trong ô. Đối với các thao tác bổ sung được biểu thị bằng biểu tượng và văn bản, chỉ vùng chứa biểu tượng và văn bản đó mới có thể thực hiện thao tác.

1. Biểu tượng chính
2. Nút chuyển đổi trên
3. Nút chuyển đổi tắt
4. Văn bản chính và văn bản phụ
5. Ô nội dung

Thông số kỹ thuật

Mục trong danh sách một dòng

Mục danh sách hai dòng

Mục danh sách hai dòng bị đảo ngược

Mục danh sách nhiều dòng có tiêu đề

Mục danh sách nhiều dòng không có tiêu đề

Mục trong danh sách có văn bản bị tràn

Mục danh sách với các hành động phân tách

Vị trí biểu tượng chỉ báo trong các mục danh sách

Đ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 các mục trong danh sách để phù hợp với màn hình có chiều rộng và chiều cao khác nhau. (Các danh mục chiều rộng và chiều cao được định nghĩa trong phần Bố cục .) 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 kích thước hoặc tăng kích thước nào diễn ra.

biểu tượng chú thích
Cách trình bày
Lề, đường kẻ và khoảng đệm cho các kích thước màn hình khác nhau
biểu tượng chú thích
Nhãn bố cục
Định nghĩa của E, M, KL, P, Flex

Màn hình tiêu chuẩn, màn hình rộng và màn hình siêu rộng

Màn hình tiêu chuẩn, màn hình rộng và màn hình siêu rộng với các ô nội dung

Màn hình 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 / biểu tượng Trắng Màu trắng @ 88%
Loại phụ / biểu tượng Màu trắng @ 72% Màu trắng @ 60%
Đường phân cách Màu trắng @ 22% Màu trắng @ 12%
Nền của mục trong danh sách Đen Đen

Kích thước

Yếu tố Kích thước (dp)
Chiều cao mục trong danh sách 96 (màn hình ngắn) / 116 (màn hình tiêu chuẩn) / 128 (màn hình dài)
Biểu tượng chính 44
Biểu tượng cấp ba 24
Ô nội dung Chiều cao của mục trong danh sách trừ đi 1 chữ số thập phân
Avatar cỡ trung bình 76
Độ dày đường phân cách 1

Ví dụ

Danh sách cài đặt - ngày
Danh sách cài đặt - ban đêm
Danh sách cài đặt - ngày
Danh sách cài đặt - ban đêm
Danh sách phương tiện truyền thông - ngày
Danh sách phương tiện truyền thông - đêm