写在最前面的话

最开始我在毕业的时候做Android,当时还没到Android5.0,没有Material Design,当时的设计都是以立体仿3d效果为主。后来有了扁平化设计,我却开始了SDK各种功能组件库的开发,几乎不涉及到任何界面开发,对Material Design了解真的不是很多。网上关于Material Design的学习资料很多,但也很杂,没有一个成体系的介绍,我打算做一个专题来介绍Material Design。我现在也是边学习边总结,所以写出的文章适合初学者学习,大神请忽略。如果有什么不对,欢迎指正。

Material Design是什么

Material Design是一种设计风格,是谷歌为广大开发者提供的一种全新的设计风格,同事提供了相关的库方便开发者进行开发。这包括字体,主题,组件等。
如果只适配Android5.0之后的版本,如果需要适配之前的版本,需要依赖一个额外的库。这个后面会提到。
Material Design的特点是:

  • 扁平化、简洁
  • 水波反馈
  • 良好体验的过渡动画
  • 材料空间位置的直观变化
    在这里看一下效果:
效果图

Android Design Support Library

就像上面提到的,如果适配5.0以下的系统,需要添加Android Design Support Library,这可以适配到2.1以上的系统。

 compile ‘com.android.support:design:23.2.1’复制代码

组件

Android Design Support Library中包含了一些常用的组件,这些我们都放到后面的文章中介绍,这里只做简单的介绍:

  • android.support.design.widget.TextInputLayout 强大带提示的MD风格的EditText
  • android.support.design.widget.FloatingActionButton MD风格的圆形按钮,来自于ImageView
  • android.support.design.widget.Snackbar 类似Toast,添加了简单的单个Action
  • android.support.design.widget.TabLayout 选项卡
  • android.support.design.widget.NavigationView DrawerLayout的SlideMenu
  • android.support.design.widget.CoordinatorLayout 超级FrameLayout
  • android.support.design.widget.AppBarLayout MD风格的滑动Layout
  • android.support.design.widget.CollapsingToolbarLayout 可折叠MD风格ToolbarLayout

    风格

    其实这篇文章我还暂时没打算介绍代码相关的东西,既然说了是前言,主要是先有个材质设计的概念。
    www.uisdc.com/comprehensi… 这篇文章详细介绍Material Design的风格很全面。我以下介绍会有一部分内容来自该文章。除了程序员,产品经理还是需要看看的,不要一设计就是仿照IOS的风格,Android是有自己的风格的,真的不比IOS差。
    Material Design将物理世界的许多特性带进了手机世界中。有了各种效果如水波纹,伸缩等,同时引入了Z轴的概念。

『Material Design 入门学习笔记』前言相关推荐

  1. MATERIAL DESIGN的学习笔记

    编者按:这一年就快完了,你还没搞懂Material design吗?是嫌文档太长,还是觉得自己英文不好?都没关系,我们善良热情的@十萬個為什麽  帮同学们通读了一遍官方的设计指南,去糙取精,整理出这篇 ...

  2. 重磅教程!帮你全面彻底搞定Material design的学习笔记

    http://www.uisdc.com/comprehensive-material-design-note 转载于:https://www.cnblogs.com/520-1314/p/52529 ...

  3. 『SQL Server 2000 Reporting Services学习笔记』(1)报表管理器的使用 与 通过角色分配配置安全性...

    『SQL Server 2000 Reporting Services学习笔记』(1)报表管理器的使用 与 通过角色分配配置安全性 __________________________________ ...

  4. 《繁凡的深度学习笔记》前言、目录大纲 一文让你完全弄懂深度学习所有基础(DL笔记整理系列)

    <繁凡的深度学习笔记>前言.目录大纲 (DL笔记整理系列) 一文弄懂深度学习所有基础 ! 3043331995@qq.com https://fanfansann.blog.csdn.ne ...

  5. 刘海洋 · LaTeX 不快速的入门 学习笔记

    刘海洋 · LaTeX 不快速的入门 学习笔记 网址链接 : 刘海洋 · LaTeX 不快速的入门 - 跟着大神学习最纯正的 LaTeX 知识 一.组织文档结构 1. 文档基本结构 以document ...

  6. 机器学习入门学习笔记:(4.2)SVM的核函数和软间隔

    前言 之前讲了有关基本的SVM的数学模型(机器学习入门学习笔记:(4.1)SVM算法).这次主要介绍介绍svm的核函数.软间隔等概念,并进行详细的数学推导.这里仅将自己的笔记记录下来,以便以后复习查看 ...

  7. 机器学习入门学习笔记:(3.2)ID3决策树程序实现

    前言 之前的博客中介绍了决策树算法的原理并进行了数学推导(机器学习入门学习笔记:(3.1)决策树算法).决策树的原理相对简单,决策树算法有:ID3,C4.5,CART等算法.接下来将对ID3决策树算法 ...

  8. 【带着canvas去流浪(11)】Three.js入门学习笔记

    [摘要] three.js 入门学习笔记 示例代码托管在:http://www.github.com/dashnowords/blogs 一. 资料推荐及建议 1.官方文档 很详细,但是API部分单独 ...

  9. 【计算机视觉】opencv入门学习笔记Part.1

    [计算机视觉]opencv入门学习笔记Part.1 1 前言 1.1 opencv概述(摘取自百度百科) 1.2 图像概念引入 1.3 安装opencv库 2 图像基本操作 2.1 图像的读取 2.2 ...

最新文章

  1. 超实用!图像去畸变矫正及双线性内插法
  2. c# 弹性和瞬态故障处理库Polly
  3. SpringBoot开发常用技术整合 代码上传至github上面去
  4. oracle9i怎样管理数据,Oracle9i数据库管理员使用大全
  5. CSS中的Position、Float属性的一些深入探讨
  6. error: The following untracked working tree files would be overwritten by merge:
  7. 详解 Linux 中 apt 命令的使用
  8. KNN(二)--近似最近邻算法ANN
  9. Oracle数据库to_date()和to_char()的相关
  10. 【Linux】Linux修改openfiles后不生效问题?
  11. 第一章、银行会计的基本原理和基本核算方法
  12. python drop用法_Python drop方法删除列之inplace参数实例
  13. 德莱联盟(判断两个线段是否相交)
  14. 主动降噪(ANC)算法开发参考书目
  15. ruby--数值类(Numeric)
  16. uni-app接入友盟
  17. 基于单片机的数字温度计设计
  18. CC2530(SPI)驱动FLASH芯片W25Qxx
  19. 小情侣冷战到半夜!不料程序员男友一波“神操作”巧妙化解,女友懵了.........
  20. 意大利菜--斐波那契汤。具体做法是把昨天的和前天剩下的汤加热后混合,得到就是今天新鲜的“斐波那契汤”

热门文章

  1. 此处不允许使用分组函数_查找当前薪水排名第二多的员工信息(不使用order by和窗口函数)...
  2. android弹窗不能手动关闭_3大类APP弹窗提醒方式总结
  3. iscsi:IO操作流程(一)
  4. C语言标准库<string.h>
  5. 信号回勾产生的原因_为什么照片放大会有噪点?产生噪点的4个因素,来了解一下...
  6. python yield
  7. java toString
  8. vue.js 组件基础
  9. java 线程安全原子性_Java 线程安全之原子性
  10. byte 类型_java知识总结(九):基本类型转换