定義?
選項卡指一個長條形控件，有至少兩個分段組成，每個分段互相獨立、等寬。像按鈕一樣，選項卡可以承載文字或 icon，在同功能和布局，但不同類別的頁面之間切換。例如在地圖當中，選項卡可以實現(xiàn)視圖在地圖、交通圖和衛(wèi)星地圖之間切換。
Tab 與 Segment一樣，都是在同功能和布局，但不同類別的頁面之間切換，在本質上二者沒有區(qū)別，但 tab 是 segment 的延展，在本文中，筆者將二者統(tǒng)稱為segmented controls/選項卡。
龍爪槐守望者在他的文章中指出了一些 tab 和 segment 的不同，筆者認為稍顯牽強，原因：
1、對于控件的定義不取決于來源，而取決于控件本身的作用。
2、控件的交互形式有待優(yōu)化，左右滑動可能會造成手勢的沖突。目前而言點擊是最精確的交互形式。
3、二者同為可見性更強的菜單，將菜單橫向平鋪更易于用戶在不同類別間切換。
原文鏈接：http://www.ftium4.com/segment-controls.html
使用規(guī)范
避免選項卡中出現(xiàn)過多分段以提升可用性。分段越寬越容易點擊，一般來說分段最好不要超過5個，如果選項卡超過5個，請使用滾動選項卡。?
保證各個分段中的內(nèi)容格式統(tǒng)一。因為所有的分段等寬，所以請保證其中的內(nèi)容屬性也一致。
避免圖標和文字混合使用。雖然選項卡可以包含圖標和文字，但將二者混合會弱化各個分段之間的并列關系，并使用戶疑惑。?
選項卡的調(diào)性要與用戶自定義色調(diào)統(tǒng)一。如果用戶切換了白天/深夜模式、或者切換了應用程序的皮膚，請保證選項卡的調(diào)性與其統(tǒng)一。
?
延展
滾動選項卡
滾動選項卡為選項卡的延伸，出現(xiàn)位置一般在導航欄的下方。其特點在于可以通過手指滑動看到更多的分段，優(yōu)勢在于保證易用性的基礎上容納多個分段。
優(yōu)先考慮使用選項卡，而不是滾動選項卡。在頁面層級上，2-5個分段使頁面邏輯更為清晰；在用戶體驗上，合理清晰的頁面布局可以讓用戶對產(chǎn)品產(chǎn)生更強的掌控感。
徽標選項卡
允許在選項卡的各個分段上顯示徽標，可以提示用戶某個分段中內(nèi)容的更新。使用規(guī)范請參考控件集——Badge/通知徽標/小紅點/Notice point。
?
自定義選項卡
自定義選線卡有諸多使用場景，例如時間段，或活動的階段。
何時使用？
當分段中的各個內(nèi)容平級，且頁面中顯示內(nèi)容布局一致時，可考慮使用選項卡。
使用選項卡的目的，是在同功能和布局，但不同類別的頁面之間切換。區(qū)別于 Tab Bars的一點是，底部導航欄可以實現(xiàn)一個 app 中不同功能的快速切換。
小結
在使用場景上選項卡提供了一級頁面中各個平級頁面之間的切換，而不是一級頁面之間的切換。在使用時也應該保證嚴謹?shù)氖褂眠壿?，切記有太多的分段供用戶選擇而降低用戶的期待與掌控感。
