HIG:Controls - Segmented Controls

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

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 的背景,请确保内容看起来没问题并且不会出现错位的情况。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容