Intro 简介
页脚工具栏始终以悬浮页脚的形式显示在屏幕底部。浮动页脚的属性使屏幕和工具栏之间有一个间距,从而提高了可见性。
此控件用于影响整个页面的关闭或完成操作。仅当操作出现、消息处理可见或草稿指示符显示时,页脚工具栏才可见。页脚栏的主要优点是,它始终可见,不会滚动离开。
我们的一般准则是,仅使用图标按钮或文本按钮。图标和文本不应组合在一个按钮中。按钮始终右对齐。
按钮从常用按钮到少用按钮排序。这确保了最重要的按钮将最后进入 overflow。
Usage 用法
使用页脚工具栏:
- 如果页面中有应用于整个页面的关闭或完成操作。
不要使用页脚工具栏:
- 如果页面中有不同的容器(例如图表、表格和表单),并且操作仅影响其中某些项目。在这种情况下,将操作放置在尽可能靠近项目的位置。
- 如果非关闭或完成的全局操作(如,编辑或删除)。在这种情况下,请使用标题工具栏。
Responsiveness and Adaptiveness 响应性和适应性
要启用响应性,请使用 Overflow Toolbar 控件。更多相关信息,请参阅 toolbar overview 文章中相应的部分。
在桌面(紧凑模式)、平板电脑、和智能手机(舒适模式)上,工具栏的高度会相应变化。有关舒适和紧凑模式的更多信息,请参阅 content density。



Components 组件
页脚工具栏可包含以下组件:
- 消息指示器
- 草稿指示器
-
完成 / 关闭操作
Examples of possible components .png
所有的关闭和完成操作都放置在工具栏右侧。
页脚工具栏还可以包含消息和草稿指示器。更多相关信息,请参阅 draft handling 和 messaging。
Behavior and Interaction 行为和交互
我们的一般准则是,仅使用图标按钮或文本按钮。图标和文本不应组合在一个按钮中。按钮始终右对齐。
按钮从常用按钮到少用按钮排序。这确保了最重要的按钮将最后进入 overflow。
Styles 样式
按钮样式应当用于帮助用户,而不是用于装饰。
应该为用户主要使用的操作定义它们,比如,保存。
使用正向、负向或强调样式的按钮。避免在一个界面中同时使用这两种样式。
- 例外:显示消息按钮
有关更多信息,请参阅 button。
Guidelines 指南
请参阅 toolbar overview 文章中的 Guidelines 部分。
原文:Footer Toolbar | SAP Fiori Design Guidelines
备注:文章内容翻译自 SAP - Fiori Design Guidelines。翻译包含个人理解,仅作为个人学习笔记使用。如有错误,求指正呀,非常感谢 ^^
