Bố cục và mẫu điều hướng

Nếu ứng dụng của bạn có nhiều điểm đến để người dùng di chuyển, bạn nên sử dụng các cặp bố cục và điều hướng mà các ứng dụng khác thường dùng. Vì nhiều người dùng đã có mô hình tư duy cho các cặp này, nên ứng dụng của bạn sẽ trực quan hơn đối với họ.

Các cặp bố cục và điều hướng

Thanh điều hướng và ngăn điều hướng phương thức được dùng làm mẫu điều hướng chính cho các khung hiển thị bố cục mẹ và điểm đến điều hướng chính.

Thanh điều hướng có thể chứa từ 3 đến 5 điểm đến điều hướng ở cùng một cấp độ phân cấp. Thành phần này chuyển thành thanh điều hướng cho màn hình lớn.

Mặc dù ngăn điều hướng có thể chứa hơn 5 điểm đến điều hướng, nhưng mẫu này không lý tưởng bằng thanh điều hướng. Điều này là do bạn cần phải chạm vào thanh trên cùng trên các kích thước nhỏ gọn.

Thẻ Material 3thanh ứng dụng dưới cùng là các mẫu điều hướng phụ mà bạn có thể dùng để bổ sung cho hoạt động điều hướng chính hoạt động điều hướng chính hoặc xuất hiện trên các khung hiển thị con.

Ở đây, các thẻ đóng vai trò là lớp điều hướng phụ để nhóm nội dung cùng cấp.

Thao tác bố cục

Cung cấp các nút điều khiển để cho phép người dùng thực hiện các thao tác. Các mẫu phổ biến bao gồm thao tác trên thanh trên cùng, nút hành động nổi (FAB) và trình đơn.

Đối với các thao tác quan trọng nhất, FAB cung cấp một nút lớn và nổi bật cho người dùng. Chỉ cung cấp một thao tác tại một thời điểm ở cấp độ này. FAB có thể xuất hiện ở nhiều kích thước và dạng mở rộng, bao gồm cả nhãn. Sử dụng Scaffold để ghim FAB, đảm bảo FAB luôn hiển thị ngay cả khi cuộn.

Nút hành động nổi (FAB) cho phép người dùng nhanh chóng thêm cây vào thư viện cây

Bạn có thể đặt các thao tác phụ trong thanh trên cùng hoặc nếu được nhóm gần nội dung liên quan, thì trong trang.

Thao tác cảnh báo trong thanh trên cùng trên khung hiển thị chi tiết (bên trái) và biểu tượng trình đơn tràn cùng dòng của mục danh sách (bên phải)

Đối với mọi thao tác bổ sung không cần thiết ngay lập tức hoặc thường xuyên, hãy thêm các thao tác đó vào trình đơn mục bổ sung.