Footer Toolbar 页脚工具栏 | SAP Fiori

Intro 简介

页脚工具栏始终以悬浮页脚的形式显示在屏幕底部。浮动页脚的属性使屏幕和工具栏之间有一个间距,从而提高了可见性。

此控件用于影响整个页面的关闭或完成操作。仅当操作出现、消息处理可见或草稿指示符显示时,页脚工具栏才可见。页脚栏的主要优点是,它始终可见,不会滚动离开。

我们的一般准则是,仅使用图标按钮或文本按钮。图标和文本不应组合在一个按钮中。按钮始终右对齐。
按钮从常用按钮到少用按钮排序。这确保了最重要的按钮将最后进入 overflow。

Usage 用法

使用页脚工具栏:
  • 如果页面中有应用于整个页面的关闭或完成操作。
不要使用页脚工具栏:
  • 如果页面中有不同的容器(例如图表、表格和表单),并且操作仅影响其中某些项目。在这种情况下,将操作放置在尽可能靠近项目的位置。
  • 如果非关闭或完成的全局操作(如,编辑或删除)。在这种情况下,请使用标题工具栏。

Responsiveness and Adaptiveness 响应性和适应性

要启用响应性,请使用 Overflow Toolbar 控件。更多相关信息,请参阅 toolbar overview 文章中相应的部分。

在桌面(紧凑模式)、平板电脑、和智能手机(舒适模式)上,工具栏的高度会相应变化。有关舒适和紧凑模式的更多信息,请参阅 content density。

Footer Toolbar 页脚工具栏 | SAP Fiori_第1张图片
FooterToolbar - Size S.png

Footer Toolbar 页脚工具栏 | SAP Fiori_第2张图片
FooterToolbar - Size M.png

Footer Toolbar 页脚工具栏 | SAP Fiori_第3张图片
FooterToolbar - Size L.png


Components 组件

页脚工具栏可包含以下组件:

  • 消息指示器
  • 草稿指示器
  • 完成 / 关闭操作


    Footer Toolbar 页脚工具栏 | SAP Fiori_第4张图片
    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。翻译包含个人理解,仅作为个人学习笔记使用。如有错误,求指正呀,非常感谢 ^^


你可能感兴趣的:(Footer Toolbar 页脚工具栏 | SAP Fiori)