『Material Design 入门学习笔记』前言

写在最前面的话

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

Material Design是什么

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

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

效果图

Android Design Support Library

就像上面提到的,若是适配5.0如下的系统,须要添加Android Design Support Library,这能够适配到2.1以上的系统。android

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轴的概念。
相关文章
相关标签/搜索