Khối tiêu đề

Các thẻ tiêu đề cung cấp một đoạn thông tin ngắn.

Các phần tử thiết kế phải được neo vào cuối khung hình.

Nguyên tắc

Theo ngữ cảnh: Mục đích chính của Khối tiêu đề là cung cấp ngữ cảnh rõ ràng và tức thì cho nội dung mà khối tiêu đề đó liên kết.

Ngắn gọn: Title Chip được thiết kế để cung cấp thông tin ngắn gọn, thường là tiêu đề, tên hoặc trạng thái ngắn.

Khác biệt về mặt hình ảnh: Mặc dù chia sẻ tính thẩm mỹ của Jetpack Compose Glimmer, nhưng giao diện của thành phần này phải đủ khác biệt để được nhận dạng là một nhãn chứ không phải là một nút tương tác.

Cách sử dụng và vị trí

Theo mặc định, chip tiêu đề là một thành phần chỉ đọc.

Sử dụng một chip tiêu đề cho một phần tử tĩnh hoặc trang trí để thông báo và gắn nhãn cho người dùng.
Sử dụng khối tiêu đề dưới dạng lời nhắc hành động có thể nhấn, vì khối này không có trạng thái tiêu điểm, hãy sử dụng nút thay thế.

Các phần tử thiết kế phải được neo vào cuối khung hình. Bạn có thể coi các nút tiêu đề tương đương với một thanh ứng dụng di động tĩnh.

Trong một bố cục

Theo mặc định, chip tiêu đề là một thành phần chỉ đọc.

Các khối di chuyển cùng với bố cục
Ngoài ra, bạn có thể cố định các khối trong bố cục. Khối này chiếm 56 dp trên cùng.

Phân tích

Các phần tử thiết kế phải được neo vào cuối khung hình. Khối tiêu đề mặc định và khối tiêu đề cố định xuất hiện. Các chip tiêu đề cố định sẽ xuất hiện dưới dạng đường viền.

1. Nhãn khối tiêu đề

2. Biểu tượng hoặc thực thể ở đầu (không bắt buộc)

Tuỳ chỉnh

Bạn có thể hiển thị các chip tiêu đề kèm theo hoặc không kèm theo biểu tượng cùng với các thuộc tính kiểu khác.

Thuộc tính Tuỳ chỉnh Mặc định
Hình dạng Lớn, Hình tròn
Khoảng đệm 16 dp, 8 dp
Đường viền 2 dp, #606460
Văn bản Nội dung nhỏ
Biểu tượng hàng đầu 40 dp
Chiều sâu 0
Chiều rộng tối đa Không 352 dp
Chiều cao tối thiểu 56 dp