Trang này được dịch bởi Cloud Translation API.

Mục trong danh sách

Chế độ xem danh sách hiển thị nội dung dưới dạng mục hàng trong một danh sách cột đơn cuộn theo chiều dọc. Chế độ xem này hiệu quả 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ác mục trong danh sách yêu cầu ít không gian 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.

Thành phần lưới

Lưới cung cấp chế độ hiển thị thay thế để làm nổi bật hình ảnh

Giải phẫu

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 hành động chính có thể lấp đầy thẻ thông tin để người dùng có thể bắt đầu hành động từ bất kỳ vị trí nào trong thẻ thông tin này. Đối với các thao tác bổ sung được biểu thị bằng các biểu tượng và văn bản, chỉ có khu vực chứa các biểu tượng và văn bản mới có thể thực hiện được.

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

Thông số

Nhãn bố cục

Định nghĩa về E, M, KL, P, Flex

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

Mục danh sách hai dòng

Đã đảo ngược mục danh sách hai dòng

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 danh sách có tràn văn bản

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

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

Bố cục tỷ lệ

Các bố cục tham chiếu này cho thấy cách điều chỉnh các mục trong danh sách cho phù hợp với các màn hình có chiều rộng và chiều cao khác nhau. (Danh mục chiều rộng và chiều cao được xác định trong phần Bố cục.) Xin lưu ý rằng tất cả các giá trị pixel đều tính bằng số pixel đã kết xuất, trước khi tỷ lệ giảm tần số lấy mẫu giảm hoặc lấy mẫu tăng lên.

Bố cục

Lề, phím chính và khoảng đệm cho nhiều kích thước màn hình

Nhãn bố cục

Định nghĩa về E, M, KL, P, Flex

Màn hình chuẩn, rộng và cực rộng

Màn hình chuẩn, rộng và cực rộng với ô nội dung

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

Kiểu

Hướng dẫn về kiểu chữ

Điều chỉnh tỷ lệ và lưới, ví dụ về lỗi chính tả và nhiều nội dung khác

Nguyên tắc về màu sắc

Bảng màu, giá trị độ cao và độ mờ, v.v.

Kiểu chữ

Kiểu kiểu	Phông chữ	Trọng lượng	Kích thước (dp)
Kiểu nội dung 1	Roboto	Bình thường	32
Nội dung 3	Roboto	Bình thường	24

Màu

Phần tử	Màu sắc(chế độ ngày)	Màu sắc (chế độ ban đêm)
Loại / biểu tượng chính	Trắng	Trắng @ 88%
Loại / biểu tượng phụ	Trắng @ 72%	Trắng @ 60%
Đường phân chia	Trắng @ 22%	Trắng @ 12%
Nền của mục trong danh sách	Đen	Đen

Kích thước

Phần tử	Kích thước (dp)
Chiều cao mục danh sách	96 (màn hình ngắn) / 116 (màn hình chuẩn) / 128 (màn hình cao)
Biểu tượng chính	44
Biểu tượng Thứ ba	24
Ô nội dung	Chiều cao của mục danh sách trừ đi 1dp
Hình đại diện trung bình	76
Độ dày của đường phân chia	1