Mục có thể mở rộng là một khối tuỳ chỉnh cho thấy nội dung bổ sung cùng dòng.
Khối mục có thể mở rộng
Các mục có thể mở rộng cho phép ứng dụng đưa nội dung có mật độ điểm ảnh cao vào ít không gian hơn trên màn hình. Hãy sử dụng thành phần này khi bạn muốn giữ cho một ứng dụng gọn gàng mà vẫn cho phép người dùng truy cập nhanh vào nội dung bổ sung. Sử dụng thành phần này để cho phép người dùng thực hiện các thao tác sau:
- Hiện thêm mục trong danh sách (khối, thẻ)
- Hiện thêm văn bản
Phân tích
Khối phải được căn giữa. A. Nhãn
Bạn có thể tuỳ chỉnh văn bản của nhãn. Mặc định là "Hiện thêm". B. Vùng chứa
Nút phải có đường viền vùng chứa. C. Biểu tượng mở rộng
Biểu tượng mặc định là hình chữ V hướng xuống dưới, bạn có thể tuỳ chỉnh hoặc xoá biểu tượng này. Biểu tượng được căn phải đối với ngôn ngữ địa phương LTR và căn trái đối với ngôn ngữ RTL.
Khối phải được căn giữa. A. Nhãn
Bạn có thể tuỳ chỉnh văn bản của nhãn. Mặc định là "Thêm". B. Vùng chứa
Nút này có 2 biến thể: có đường viền và không có đường viền. C. Biểu tượng mở rộng
Biểu tượng mặc định là hình chữ V hướng xuống dưới, bạn có thể tuỳ chỉnh hoặc xoá biểu tượng này. Biểu tượng được căn phải đối với ngôn ngữ địa phương LTR và căn trái đối với ngôn ngữ RTL.
Hành vi
Nhấn vào khối để mở rộng và hiển thị các mục khác trong danh sách. Thao tác mở rộng sẽ tạo ảnh động, ẩn văn bản Show more (Hiện thêm) và hiển thị các mục khác bằng một chuyển động mượt mà. Bạn có thể tuỳ chỉnh số lượng mục hiển thị ở trạng thái thu gọn. Bạn nên sử dụng 3 mặt hàng.
Nhấn vào khối để mở rộng và hiển thị nhiều văn bản hơn. Thao tác mở rộng sẽ tạo ảnh động cho văn bản More (Thêm) và hiển thị các mục khác bằng một chuyển động mượt mà. Bạn có thể tuỳ chỉnh số lượng dòng văn bản hiển thị ở trạng thái thu gọn. Số lượng dòng được đề xuất là 8 dòng.
Đích nhấn bao gồm toàn bộ vùng văn bản chứ không chỉ nút nhấn.
Kiểu khối
Danh sách mở rộng
Kích thước biểu tượng: 20 dp x 20 dp
Màu biểu tượng: Trên Bề mặt
Chiều cao: 32 dp
Chiều rộng: Thay đổi tuỳ theo văn bản và ngôn ngữ
Đột quỵ: 1 dp
Kiểu nhãn: Chú thích 1
Màu nhãn: Trên khu vực
Mở rộng văn bản
Kích thước biểu tượng: 20 dp x 20 dp
Màu biểu tượng: Trên Bề mặt
Chiều cao: 32 dp
Chiều rộng: Thay đổi tuỳ theo văn bản và ngôn ngữ
Nét vẽ: 0 hoặc 1 dp
Màu nền: Không có
Kiểu nhãn: Chú thích 1
Màu nhãn: Trên khu vực
Khoảng đệm
Đối với cả biến thể danh sách và biến thể văn bản của thành phần mục có thể mở rộng, khối phải có các giá trị khoảng đệm sau đây:
- Khoảng đệm trên cùng: 8 dp
- Khoảng đệm dưới cùng: 16 dp
Tác dụng
Ví dụ về cách sử dụng các mục có thể mở rộng:
