HIG:Controls - Switches

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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开关会导致可用的网络和其他选项消失。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,773评论 19 139
  • ①Samba添加用户时: -------> 没有加相应的系统账号(当前用户)②rbm服务器开机出现 系统问题 重...
    子木同阅读 2,600评论 0 0
  • 夕阳西下,断腸人在天涯 ――天净沙 落日余辉, 它轻抚山间与丛林, 走过泥泞和田...
    方方不圓阅读 3,308评论 1 4
  • 睡觉睡觉
    ootftoo阅读 1,033评论 0 0
  • 今天是大年初六,吃过早饭,我站在门口,听见锣鼓声,我急忙告诉妈妈,妈妈带我去村办公室,看见搭起戏台,正在唱柳腔戏,...
    李美灵妈妈_四年级二班阅读 1,228评论 0 0