Intro 簡介
頁腳工具欄始終以懸浮頁腳的形式顯示在屏幕底部。浮動頁腳的屬性使屏幕和工具欄之間有一個間距围段,從而提高了可見性顾翼。
此控件用于影響整個頁面的關(guān)閉或完成操作。僅當(dāng)操作出現(xiàn)奈泪、消息處理可見或草稿指示符顯示時适贸,頁腳工具欄才可見。頁腳欄的主要優(yōu)點是涝桅,它始終可見拜姿,不會滾動離開。
我們的一般準(zhǔn)則是冯遂,僅使用圖標(biāo)按鈕或文本按鈕蕊肥。圖標(biāo)和文本不應(yīng)組合在一個按鈕中。按鈕始終右對齊蛤肌。
按鈕從常用按鈕到少用按鈕排序壁却。這確保了最重要的按鈕將最后進入 overflow。
Usage 用法
使用頁腳工具欄:
- 如果頁面中有應(yīng)用于整個頁面的關(guān)閉或完成操作寻定。
不要使用頁腳工具欄:
- 如果頁面中有不同的容器(例如圖表儒洛、表格和表單),并且操作僅影響其中某些項目狼速。在這種情況下琅锻,將操作放置在盡可能靠近項目的位置。
- 如果非關(guān)閉或完成的全局操作(如,編輯或刪除)恼蓬。在這種情況下惊完,請使用標(biāo)題工具欄处硬。
Responsiveness and Adaptiveness 響應(yīng)性和適應(yīng)性
要啟用響應(yīng)性小槐,請使用 Overflow Toolbar 控件凿跳。更多相關(guān)信息,請參閱 toolbar overview 文章中相應(yīng)的部分疮方。
在桌面(緊湊模式)控嗜、平板電腦、和智能手機(舒適模式)上骡显,工具欄的高度會相應(yīng)變化疆栏。有關(guān)舒適和緊湊模式的更多信息,請參閱 content density惫谤。
Components 組件
頁腳工具欄可包含以下組件:
- 消息指示器
- 草稿指示器
-
完成 / 關(guān)閉操作
所有的關(guān)閉和完成操作都放置在工具欄右側(cè)壁顶。
頁腳工具欄還可以包含消息和草稿指示器。更多相關(guān)信息溜歪,請參閱 draft handling 和 messaging若专。
Behavior and Interaction 行為和交互
我們的一般準(zhǔn)則是,僅使用圖標(biāo)按鈕或文本按鈕痹愚。圖標(biāo)和文本不應(yīng)組合在一個按鈕中富岳。按鈕始終右對齊。
按鈕從常用按鈕到少用按鈕排序拯腮。這確保了最重要的按鈕將最后進入 overflow窖式。
Styles 樣式
按鈕樣式應(yīng)當(dāng)用于幫助用戶,而不是用于裝飾动壤。
應(yīng)該為用戶主要使用的操作定義它們萝喘,比如,保存琼懊。
使用正向阁簸、負向或強調(diào)樣式的按鈕。避免在一個界面中同時使用這兩種樣式哼丈。
- 例外:顯示消息按鈕
有關(guān)更多信息启妹,請參閱 button。
Guidelines 指南
請參閱 toolbar overview 文章中的 Guidelines 部分醉旦。
原文:Footer Toolbar | SAP Fiori Design Guidelines
備注:文章內(nèi)容翻譯自 SAP - Fiori Design Guidelines饶米。翻譯包含個人理解桨啃,僅作為個人學(xué)習(xí)筆記使用。如有錯誤檬输,求指正呀照瘾,非常感謝 ^^