天天看點

Human Interface Guidelines — Segmented Controls

自上次參加完回音分享會後,我下定決心要洗心革面乖乖打基礎,于是開啟了這個part,争取兩個月不間斷更新,寫完Material Design與iOS中的元件(順便學學英語),以便今後在使用的時候完全不虛

Segmented Controls

Human Interface Guidelines連結:Segmented Controls

Human Interface Guidelines — Segmented Controls

Segmented Control

Segmented Control是由兩個或更多segments組成的線性集合,每個segments都是互斥的按鈕。

 在控件内,所有 segments 的寬度相等。 像 buttons 一樣,segments 可以包含文本或圖像。 Segmented controls 通常用于展示不同的views。 例如,在地圖中,segmented control可讓您在地圖,傳輸和衛星視圖之間進行切換。

使用時注意

·限制segments的數量以提高可用性

 更寬的 segments 更容易點選。 在iPhone上,segmented control的 segments 應該少于等于5個。

·盡量保持 segment 中内容大小一緻

由于所有 segment 都具有相同的寬度,是以如果内容填充了某些 segments 而不填充其他 segments ,則看起來效果并不好。

·避免在 segmented control 中混用文本和圖像

 盡管單個 segment 可以包含文本或圖像,但将包含文本和包含圖像的 segment 混合在一個控件中可能會導緻一個斷開和令人迷惑的界面。

·将内容恰當的放置在自定義segmented control中

如果您更改 segmented control 的背景,請確定内容看起來沒問題并且不會出現錯位的情況。