Human Interface Guidelines — 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开关会导致可用的网络和其他选项消失。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏天天P图攻城狮

iOS基础开发实践:iMessage Extension浅析

2602
来自专栏大史住在大前端

javascript基础修炼(5)—Event Loop

如果没有详细钻研过异步队列,答对的可能性很低。题目的考察点很明确,就是javascript中最核心的特点之一的【异步】,了解了原理以后,你就会明白javascr...

992
来自专栏木子昭的博客

Chrome与vim双神器融合, vimium完全攻略

6854
来自专栏数据小魔方

think-cell chart系列20——使用建议及附加功能

今天是think-cell chart系列收尾篇——使用建议及附加功能。 由于think-cell chart图表插件是office平台的第三方插件,而且图表...

4534
来自专栏Java3y

浅谈CDN、SEO、XSS、CSRF

CDN 什么是CDN 初学Web开发的时候,多多少少都会听过这个名词->CDN。 CDN在我没接触之前,它给我的印象是用来优化网络请求的,我第一次用到CDN的时...

4985
来自专栏极乐技术社区

小灯灯实战系列《二》微信小程序:仿今日头条(上)

写在前面 新的一年,祝大家新年快乐!当然对于程序员来说,新的一年,也要有新的改变。因此灯灯决定凑热闹编写微信小程序啦! 上一篇文章《记一次小程序开发过程》中,灯...

3588
来自专栏田云专栏

数据流方案的思考

近两年前端开发从jquery演化到了谈必及react vue ,大部分人已经习惯了

2673
来自专栏我叫刘半仙

原 高效访问海量地图数据--GeoServer手动发布本地Shapefile地图

首先,本文实现的结果图给大家展现一下: ? 放大的样子: ? 颜色是通过属性中某个字段值来分级的,可以自定义。 上面功能是用ArcGIS切片好数据,在Geose...

4716
来自专栏数据小魔方

经历过绝望之后,选择去知乎爬了几张图~

本来今天要跟大家分享怎么批量爬取2016年各大上市公司年报的,可是代码刚写了开头,就发现年报这玩意儿,真的不太好爬,还以为自己写的姿势不对,换了好几个网站。 眼...

2864
来自专栏逍遥剑客的游戏开发

XACT与X3DAudio整合的问题

1686

扫码关注云+社区

领取腾讯云代金券