Nhóm nút cung cấp một vùng chứa có thể điều hướng gồm các nút.
Nguyên tắc
Dựa trên hành động: Chứa các nút có thể thực hiện hành động, thay vì các nhóm nhãn.
Vùng chứa: Nhóm các hành động lại với nhau bằng chuyển động và tiêu điểm.
Linh hoạt: Có thể bao gồm nhiều loại nút.
Cách sử dụng và vị trí
Sử dụng một nhóm nút để hiển thị nhiều nút. Khi trình bày nhiều nút, hãy sử dụng thành phần nhóm nút thay vì bố trí từng nút một cách độc lập.
Một nhóm nút có thể bao gồm bất kỳ tổ hợp nào của các loại nút có cùng chiều cao nút.
Nên
Không nên
Bạn có thể ghép các nhóm nút với những phần tử khác, chẳng hạn như thẻ hoặc ngăn xếp, để hoạt động như các thao tác có liên quan.
Nên
Không nên
Bố cục nhóm nút có thể được chứa hoặc tràn, với từ 1 đến 10 nút.
A. Nằm trong vùng chứa: Nhóm nút nằm vừa trong chiều rộng của vùng chứa mà không có thành phần nào bị cắt.
B. Tràn: Chiều rộng của nhóm nút rộng hơn không gian có sẵn trong vùng chứa.
Nên
Không nên
Tập trung
Tiêu điểm ban đầu mặc định là nút ở ngoài cùng bên trái, nhưng bạn có thể định cấu hình để tiêu điểm nằm ở giữa cho các nhóm nút đối xứng.
Nên
Không nên
Một nhóm nút được căn giữa dựa trên phần tử tiêu điểm ban đầu, di chuyển tiêu điểm qua mỗi lần vuốt. Tránh sử dụng bố cục tràn vì tất cả các nút đều phải hiển thị và nằm trong bố cục ở giữa.
Bố cục nhóm nút căn trái bao gồm lề đầu và lề cuối là 44 dp từ các cạnh. Các nút di chuyển mượt mà đến giữa qua 3 bước khi vuốt và tăng tốc khi trượt.
Phân tích
Nhóm nút là một thành phần vùng chứa, nhóm từ 1 đến 10 nút thuộc mọi loại và có chiều cao nhất quán. Để biết thêm thông tin về nút, hãy đọc hướng dẫn về nút.
Tùy chỉnh
Một nhóm nút có thể bao gồm mọi tổ hợp các loại nút có cùng chiều cao nút.
| Thuộc tính | Tùy chỉnh | Mặc định |
|---|---|---|
| Tiêu điểm ban đầu | Có | 0 |