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

Human Interface Guidelines — Switches

作者头像
霖酱
发布2018-06-21 11:45:57
5210
发布2018-06-21 11:45:57
举报

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

Switches

Human Interface Guidelines链接:Switches

Switche 是在两个互斥的状态(开—关)之间的视觉切换。

左:默认样式    右:自定义样式

·考虑调整 switch 的外观以与app匹配

如果它在app中作用明显,请更改 switch 开关状态的颜色或使用自定义图像来表示 switch。

·仅在 table rows中使用 switches

Switch 设计用于表格中,例如在设置列表中可以打开和关闭的 switches。如果您需 toolbar 或 navigation bar 中使用的类似功能,请改用button,并提供两个不同的图标来传达状态。

·避免添加 labels 来描述 switch 的值

Switch要么打开要么关闭。提供描述这些状态的 label 是多余的,并且会使界面变得混乱。

·考虑使用 switches 来管理相关界面元素的可用性

Switches 通常会影响屏幕上的其他内容。例如,在“设置”中启用“飞行模式”开关,会禁用某些其他设置,例如蜂窝和个人热点。在设置> Wi-Fi中关闭Wi-Fi开关会导致可用的网络和其他选项消失。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.05.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

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