Khối tiêu đề

Các chip 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ể so sánh các khối tiêu đề 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

Khối tiêu đề mặc định và khối tiêu đề cố định xuất hiện. Thẻ tiêu đề cố định sẽ xuất hiện với một đườ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 đề có hoặc không có 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 Rồi Lớn, Vòng tròn
Khoảng đệm Rồi 16 dp, 8 dp
Đường viền Rồi 2 dp, #606460
Văn bản Rồi Body Small
Biểu tượng hàng đầu Rồi 40 dp
Chiều sâu Rồi 0
Chiều rộng tối đa Không 352 dp
Chiều cao tối thiểu Rồi 56 dp