Material design - Components– Toolbars

Toolbars - 工具欄

Toolbar actions appear above the view affected by their actions.

Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.

Do not separate a toolbar’s actions by another sheet of material, unless it is transient, such as a menu or dialog.

【翻譯】
工具欄操作顯示在受其操作影響的視圖上方。
工具欄在其影響的內(nèi)容上方顯示一個步驟。 它們可以約束它們的寬度以容納經(jīng)過它們的材料。
不要將工具欄的操作與另一張材料分開,除非它是暫時的,例如菜單或?qū)υ捒颉?/p>

Elevation - 海拔

Above app content

【翻譯】
以上應(yīng)用內(nèi)容

Scrolling - 滾動

Affected content scrolls underneath toolbars.

【翻譯】
受影響的內(nèi)容會在工具欄下滾動。

Dismissed content - 已拒絕的內(nèi)容

Sheets may temporarily cover the toolbar while moving offscreen.

【翻譯】
在移動屏幕時,工作表可能暫時覆蓋工具欄。

Usage - 用法

Toolbars appear a step above the sheet of material affected by their actions. When sheets scroll underneath toolbars, they are clipped and cannot pass through to the opposite side.

【翻譯】
工具欄在受其操作影響的材料表上方顯示一個步驟。當(dāng)紙張在工具欄下方滾動時,它們被夾住并且不能穿過到相對側(cè)。

image

Toolbars are located a step above another sheet.

【翻譯】
工具欄位于另一個工作表的上一個步驟。

Sheets can also cover the toolbar as they move offscreen.

【翻譯】
當(dāng)頁面移動到屏幕外時,工作表也可以覆蓋工具欄。

[圖片上傳失敗...(image-ec0612-1552293154160)]
The toolbar maintains its seam until it moves off of the screen.

【翻譯】
工具欄保持其接縫,直到它移出屏幕。

Finally, the second sheet can cover the toolbar as it moves.

【翻譯】
最后,第二張工作表可以覆蓋工具欄。

image

The second sheet covers the toolbar as it moves.

【翻譯】
第二個工作表移動時覆蓋工具欄。

A toolbar’s left and right actions are never split by another sheet of material, with the exception of temporary materials such as menus or dialogs.

Instead, toolbars can constrain their width to make space for sheets of material passing over them. The actions on the left and right cluster to stay on the same side of a toolbar.

【翻譯】
工具欄的左右操作不會被另一張材料分割,除了菜單或?qū)υ捒虻扰R時材料之外。
相反,工具欄可以限制它們的寬度,以便為在其上經(jīng)過的材料片材留出空間。 左側(cè)和右側(cè)集群上的操作保持在工具欄的同一側(cè)。

正確的示范

Do.
Constrain width to less than the full length of its material.

【翻譯】
正確的示范
將寬度限制為小于其材料的全長。

錯誤的示范

Don't.
Never allow a sheet of material to be split by another persistent sheet of material.

【翻譯】
錯誤的示范
切勿讓一張材料被另一張持久的材料分割。

Toolbars can share a seam with another sheet.

In cases where they share a seam that transforms into a step, it is called a waterfall.

【翻譯】
工具欄可以與其他工作表共享接縫。
如果他們共享一個轉(zhuǎn)換為一個步驟的縫,它被稱為瀑布。

image

In the waterfall variant of clipping, the toolbar starts out as seamed and then lifts to form a step.

【翻譯】
在剪輯的瀑布變體中,工具欄開始作為縫合,然后提升以形成一個步驟。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,858評論 0 10
  • **2014真題Directions:Read the following text. Choose the be...
    又是夜半驚坐起閱讀 11,143評論 0 23
  • 自從得知大部分的作秀節(jié)目都是事先彩排好的,我對此類節(jié)目開始感到抗拒,不會花時間去看,也不會去關(guān)注相關(guān)資訊,更無興趣...
    司馬筆下閱讀 218評論 0 0
  • 孩子摔倒了伸出一只手給他,把決定權(quán)給他。讓知道自己尋找?guī)椭?。孩子手抓住我們的手把自主?quán)給他。 孩子摔倒了不要學(xué)爺爺...
    米策閱讀 315評論 1 1
  • 炎炎 天氣炎炎,花朵謝謝。 尋涼之心,急急切切。
    虹橋這方閱讀 212評論 1 2

友情鏈接更多精彩內(nèi)容