android的原型设计规范,Android设计规范 Material Design-Components(12滑块)

滑块控件(Sliders)

滑块控件(Sliders,简称滑块)可以让我们通过在连续或间断的区间内滑动锚点来选择一个合适的数值。区间最小值放在左边,对应的,最大值放在右边。滑块(Sliders)可以在滑动条的左右两端设定图标来反映数值的强度。这种交互特性使得它在设置诸如音量、亮度、色彩饱和度等需要反映强度等级的选项时成为一种极好的选择。

连续滑块(Continuous Slider)

在不要求精准、以主观感觉为主的设置中使用连续滑块,让使用者做出更有意义的调整。

a57c985f50a5b87b82b5fe41fbd39c29.png

亮色主题

bc657b41edc16f2b48c781357926998f.png

暗色主题

在滑动条(Bar)上图标相对于左边和/或右边的间距的呈现。

760ecc2d2c0103cce92bbe38ae2cf6a6.png

bf7d3e78478b0dc528e4950cfc83c9b6.png

带有可编辑数值的滑块

用于使用者需要设定精确数值的设置项,可以通过点触缩略图、文本框来进行编辑。

081627c980bf2f7f5cae8a0696a8b92e.png

8eb216da6c2048faec9726c15320704f.png

间续滑块(Discrete Slider)

间续滑块会恰好咬合到在滑动条上平均分布的间续标记(tick mark)上。在要求精准、以客观设定为主的设置项中使用间续滑块,让使用者做出更有意义的调整。应当对每个间续标记(tick mark)设定一定的等级区间进行分割,使得其调整效果对于使用者来说显而易见。这些生成区间的值应当是预先设定好的,使用者不可对其进行编辑。

附带数值标签的滑块

用于使用者需要知晓精确数值的设置项。

3fd90e55ba789de80c876843df8d5695.png

亮色主题

af176c9bf027c64e2839c2f7ee9259dc.png

暗色主题

非常感谢这些辛苦翻译的小伙伴!!未完待续~~~

文章转自:http://design.1sters.com/

========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值