1）用來：做好分類，節(jié)省空間，等需要的時(shí)候更容易找到！

2）形式：固定、滑動

谷歌規(guī)范中規(guī)定：一組固定 tabs 至少包含 2 個(gè) tab 并且不多于 6 個(gè) tab，并且在一行內(nèi)顯示。

固定

滑動

3）長度分類：固定、可變

【1】固定：小短線非常短、平均等分、除去兩邊頁邊距后平均等分

貓眼電影——電影模塊

映客的貢獻(xiàn)榜頁面

貓眼——我的訂單頁面

【2】可變化

Bilibili

這種方式會使頁面及切換效果比較舒服，缺點(diǎn)就是開發(fā)哥哥需要多些幾行代碼。

4）注意事項(xiàng)1

我們看同樣是貓眼和映客app里面的界面，一級導(dǎo)航的小短線很短，二級導(dǎo)航的小短線就很長。

貓眼

映客

分析如下：

一級導(dǎo)航會有其他圖標(biāo)，如果小短線太長會使整個(gè)導(dǎo)航看著太亂太復(fù)雜。

二級導(dǎo)航一般沒有多余的信息和圖標(biāo)，所以小短線用的長一點(diǎn)也沒關(guān)系，反而讓層級更清晰，頁面更飽滿。

不過有時(shí)候二級導(dǎo)航也會選擇讓小短線很短，使整個(gè)頁面更加簡潔清爽，例如美團(tuán)的訂單頁面：

美團(tuán)

5）注意事項(xiàng)2

長寬比