自上次參加完回音分享會(huì)后，我下定決心要洗心革面乖乖打基礎(chǔ)，于是開(kāi)啟了這個(gè)part，爭(zhēng)取兩個(gè)月不間斷更新，寫(xiě)完Material Design與iOS中的組件（順便學(xué)學(xué)英語(yǔ)），以便今后在使用的時(shí)候完全不虛！
底部導(dǎo)航（Bottom Navigation）
Material Design鏈接：底部導(dǎo)航
底部導(dǎo)航條能夠通過(guò)單次點(diǎn)擊動(dòng)作，輕易的進(jìn)行一級(jí)頁(yè)面之間的切換。
點(diǎn)擊底部導(dǎo)航的圖標(biāo)可以：1、直接將你帶到相關(guān)頁(yè)面；2、刷新當(dāng)前頁(yè)面。
底部導(dǎo)航主要用于移動(dòng)端，為了在pc端實(shí)現(xiàn)類(lèi)似效果，可以使用側(cè)邊導(dǎo)航。
用法
設(shè)置3-5個(gè)一級(jí)頁(yè)面目的地
這些一級(jí)頁(yè)面是需要直接訪問(wèn)的
顏色
激活的頁(yè)面icon：1、底部導(dǎo)航欄為黑色/百色——用軟件的主色調(diào)；2、如果底部導(dǎo)航欄已經(jīng)有了顏色——使用黑色/白色。
規(guī)格
每個(gè)部分的寬度：底部導(dǎo)航的寬度除以一級(jí)頁(yè)面數(shù)量（最大值為168dp，最小為80dp）
高度：56dp
圖標(biāo)：24×24dp
用法
底部導(dǎo)航提供了一個(gè)在一級(jí)頁(yè)面之間的快速導(dǎo)航方式，主要用戶(hù)移動(dòng)端。
更大的顯示器，如pc端，可以通過(guò)使用側(cè)邊導(dǎo)航實(shí)現(xiàn)類(lèi)似的效果。例如，緊湊的“rail”處理處理方式默認(rèn)展示導(dǎo)航圖標(biāo)。
什么時(shí)候用？
底部導(dǎo)航應(yīng)該用于：
3-5個(gè)重要性相同的一級(jí)頁(yè)面，且需要從app 中任何地方直接訪問(wèn)目的地
（超過(guò)6個(gè)：app中一直存在的持久抽屜導(dǎo)航persisitent navigation drawer）
（不滿(mǎn)3個(gè)：只有1個(gè)/2個(gè)目的地的tabs）
底部導(dǎo)航和標(biāo)簽
當(dāng)組合底部導(dǎo)航和tabs時(shí)要注意，因?yàn)檫@樣的組合可能會(huì)因?yàn)橛脩?hù)不知道二者的優(yōu)先級(jí)而在導(dǎo)航時(shí)引起混亂。
風(fēng)格
圖標(biāo)和文本
因?yàn)榈撞繉?dǎo)航動(dòng)作以icon呈現(xiàn)，所以底部導(dǎo)航中的內(nèi)容應(yīng)該與icon進(jìn)行適當(dāng)?shù)幕?dòng)。
應(yīng)按下列要求制作每一個(gè)動(dòng)作（目前并不適用，因?yàn)閳D標(biāo)無(wú)法100%傳遞標(biāo)簽的內(nèi)容）：
·當(dāng)頁(yè)面處于焦點(diǎn)時(shí)，顯示頁(yè)面的icon和標(biāo)簽；
·當(dāng)只有三個(gè)動(dòng)作時(shí)，始終顯示icon和文本標(biāo)簽；
·如果有四個(gè)或五個(gè)動(dòng)作，則只顯示icon作為未激活狀態(tài)。
顏色
激活的頁(yè)面icon：1、底部導(dǎo)航欄為黑色/百色——用軟件的主色調(diào)；2、如果底部導(dǎo)航欄已經(jīng)有了顏色——使用黑色/白色。
文本標(biāo)簽
文本標(biāo)簽為底部導(dǎo)航icon提供了簡(jiǎn)短、有意義的定義。避免長(zhǎng)文本標(biāo)簽。
行為（這部分的動(dòng)圖去MD的網(wǎng)站看吧...）
底部導(dǎo)航欄可以從一個(gè)主題中的n級(jí)頁(yè)面移動(dòng)到另一個(gè)主題的一級(jí)頁(yè)面。當(dāng)用戶(hù)去往下級(jí)頁(yè)面時(shí)要保持底部導(dǎo)航可用，可通過(guò)持續(xù)展示，或者通過(guò)滾動(dòng)隱藏和顯示。
底部導(dǎo)航欄不應(yīng)用于：
·專(zhuān)注于單一任務(wù)的觀點(diǎn)，如電子郵件“撰寫(xiě)”頁(yè)面。
·包含用戶(hù)首選項(xiàng)或設(shè)置的頁(yè)面
在Android上，后退按鈕不在底部導(dǎo)航欄視圖之間導(dǎo)航。
底部導(dǎo)航icon
點(diǎn)擊底部導(dǎo)航icon將直接帶你到相關(guān)頁(yè)面，或刷新當(dāng)前頁(yè)面。每個(gè)icon必須指向目的地，并且不能打開(kāi)菜單或?qū)υ捒颉?/p>
滾動(dòng)
底部導(dǎo)航欄滾動(dòng)時(shí)可以動(dòng)態(tài)地出現(xiàn)和消失：
·向下滾動(dòng)隱藏底部導(dǎo)航欄
·向上滾動(dòng)顯示
手勢(shì)
在內(nèi)容區(qū)域上使用左右滑動(dòng)手勢(shì)不會(huì)在一級(jí)頁(yè)面之間切換。
點(diǎn)擊icon進(jìn)行切換時(shí)也該避免橫向切換在頁(yè)面之間轉(zhuǎn)換（如左右推進(jìn)）。
