Human Interface Guidelines — Segmented Controls
Human Interface Guidelines — Segmented Controls
霖酱
发布于 2018-06-21 11:47:31
发布于 2018-06-21 11:47:31
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个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 的背景，请确保内容看起来没问题并且不会出现错位的情况。
本文参与?腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018.05.23 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录