前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Human Interface Guidelines — Segmented Controls

Human Interface Guidelines — Segmented Controls

作者头像
霖酱
发布2018-06-21 11:47:31
6290
发布2018-06-21 11:47:31
举报
文章被收录于专栏:Material Design组件

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Segmented Controls
    • 使用时注意
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档