布局和导航模式

如果您的应用包含多个供用户浏览的目的地,建议您采用其他应用常用的布局和导航配对。 由于许多用户已经具备这些配对的心理模型,因此您的应用对他们来说会更加直观。

布局和导航配对

导航栏和模态抽屉式导航栏用作父布局视图和主要导航目的地的主要导航模式。

导航栏可以容纳同一层次结构级别的三到五个导航目的地。此组件在大型屏幕上会转换为导航栏。

虽然抽屉式导航栏可以容纳五个以上的导航目的地,但这种模式不如导航栏理想。这是因为在紧凑型尺寸下,需要触及顶部栏。

Material 3 标签页底部应用栏是辅助导航模式,可用于补充主要导航或显示在子视图中。

在此示例中,标签页充当辅助导航层,用于对同级内容进行分组。

布局操作

提供控件,以便用户完成操作。常见模式包括顶部栏操作、悬浮操作按钮 (FAB) 和菜单。

对于最重要的操作,FAB 会为用户提供一个醒目的大按钮。在此级别上,一次只能提供一个操作。FAB 可以采用多种尺寸和展开形式,包括标签。使用 Scaffold 固定 FAB,确保即使在滚动时也始终可见。

一个悬浮操作按钮 (FAB),可让用户快速向植物库中添加植物

您可以将次要操作放置在顶部栏中,或者放置在页面中(如果它与相关内容分组在一起)。

图 20:显示详情时顶部栏中的提醒操作(左侧)和列表项内联的溢出图标(右侧)

对于不需要立即执行或不常用的任何其他操作,请将这些操作添加到溢出菜单中。