滑块控件(Sliders)

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

连续滑块(Continuous Slider)

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

亮色主题

暗色主题

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

带有可编辑数值的滑块

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

间续滑块(Discrete Slider)

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

附带数值标签的滑块

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

亮色主题

暗色主题

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

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

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

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

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

  1. Android - 基于Toolbar的Navigation Drawer(Material Design)

    Material Design已经推出许久,有许多app都已经跟进了,这里也介绍下基于Toolbar的Navigation Drawer是如何实现的. 样式: 实现过程: 1. 在 activity_ ...

  2. Android UI进阶之旅3 Material Design之侧滑菜单的两种实现

    ###侧滑菜单的两种实现 使用DrawerLayout,灵活度比较高. 使用DrawerLayout+NavigationView,这是谷歌对Material Design的一种标准化. ###使用D ...

  3. android 按钮带图标 阴影_Android Material Design系列之FloatingActionButton和Snackbar

    今天主讲的Material Design系列的两个控件都不难,所以一起讲了,分别是FloatingActionButton和Snackbar.这个系列都是主讲的Material Design风格的控件 ...

  4. android自动生成cardview,学习使用Material Design控件(三)使用CardView实现卡片效果...

    本文主要介绍CardView的使用,CardView是继承自FrameLayout,使用比较简单,只需要用CardView包含其他View就可以实现卡片效果了. 实现效果如下: 加入依赖库 depen ...

  5. android 主流开发框架,Android 9个目前流行的Material Design前端框架

    相关阅读: 吊炸天!74款APP完整源码! 其中daemonite可以直接在github上下载,用firefox或者chrome打开index.html就可以看到效果了,简直是惊艳. 9个目前流行的M ...

  6. Android UI进阶之旅9 Material Design之沉浸式设计

    ###沉浸式设计基本概念 官方的沉浸式Translucent定义:就是让整个APP沉浸(充斥了整个屏幕)在屏幕里面,没有显示状态栏,甚至没有显示底部导航栏. 平时大家所讨论的沉浸式:比如QQ的顶部To ...

  7. Android防火墙原型系统设计,Android系统网络安全性研究及防火墙设计

    摘要: 随着科学的发展,Android系统智能手机给人们的生活带来了极大的方便,但Android系统的开放性让很多恶意的攻击者有机可乘.攻击者利用系统漏洞,从远端服务器发送命令,对智能手机进行攻击,从 ...

  8. Android学习 - Material Design设计规范

    作为技术开发者需不需要了解设计规范?个人认为非常需要,一个交流的需要,另一就是了解相关的设计才能储备相应地知识,知道UI开发的方向.这问题非常希望读者能留言讨论.Android的设计风格变迁可以划分到 ...

  9. Material Design设计规范

    作为技术开发者需不需要了解设计规范?个人认为非常需要,一个交流的需要,另一就是了解相关的设计才能储备相应地知识,知道UI开发的方向.这问题非常希望读者能留言讨论. **Android**的设计风格变迁 ...

最新文章

  1. 关于 MongoDB 与 SQL Server 通过本身自带工具实现数据快速迁移 及 注意事项 的探究...
  2. 一文读懂Serverless,配置化思想复用到平台系统中
  3. leetcode算法题--回文数
  4. 【SQL】数据库的SQL查询,涉及多个数据库
  5. antd 嵌套子表格_大型前端项目架构优化探索之路腾讯文档表格
  6. 【vue】安装新版本vue-cli:@vue/cli
  7. win10+deepin双系统安装方法(UEFI+GPT)
  8. 运筹学与最优化方法_[公开课]运筹学之线性规划算法十二讲
  9. linux查看命令本身shell脚本的路径
  10. matlab fft2 opencv,基于OPENCV的FFT2变换
  11. 基于Mathemtica绘制一元酸滴定碱的滴定曲线(含V--PH曲线方程的推导)
  12. 境内区块链信息服务备案清单(第三批)
  13. 生物信息学习——bowtie实例解析
  14. 笨方法学 python3怎么样_笨办法学python3日常问题解决
  15. 2022年最新美股上市SaaS公司前50名排行榜单
  16. BPM- Eteams体验报告
  17. MTK平台点亮sensor以及mtk开机初始化
  18. webapi中使用token验证(JWT验证)
  19. 【真正福利】成为专业程序员路上用到的各种优秀资料、神器及框架
  20. go每日新闻(2021-02-25)——悄悄告诉你:很可能Go 1.17就能尝试泛型

热门文章

  1. JavaScript基础之 caller和callee
  2. 【爬虫技术_Selenium】批量新闻资讯爬取
  3. NFS 网络共享文件
  4. CSGO电竞数据API接口 - 【赛事数据】API调用示例代码
  5. check在java意思吗_谈谈Java:Checked Exception与 unCheckException Runtime Exception 的区别...
  6. 二本出身、逆袭网易、一路孤独、一路狂欢!
  7. 什么是SEO文章?seo文章的作用方法
  8. 拼多多打造爆款的技巧|耀之阳电商
  9. WINS服务器工作原理
  10. shell命令和编程设置环境变量