Material_Design_设计语言

这篇博客是初步接触 Material Design 设计语言后所写。如有不妥之处，欢迎留言，谢谢~

Material Design 是Google在Android 5.0时推出的一个全新的设计语言，它的特点就是拟物扁平化。

[TOC]

  • Material Design 是谷歌新的设计语言，谷歌希望寄由此来统一各种平台上的用户体验，Material Design 的特点是干净的排版和简单的布局，以此来突出内容。
  • Material Design 对排版、材质、配色、光效、间距、文字大小、交互方式、动画轨迹都做出了建议，以帮助设计者设计出符合 Material Design 风格的应用。
  • Material Design 设计语言鼓励大家使用充满活力的鲜艳色彩，并在同一界面建议使用三种色调，并保障有一个强色调，强色一般处于处于视图最底层，例如状态栏或者 actionbar。通过强色调形成鲜明的对比，更容易突出内容的重要性。对于文字色彩的取值，Material Design 建议在浅色背景上采用黑色，在深色背景上采用白色。重要信息和标题采用87%透明度，次要文字采用54%透明度，而更次要的说明文字可以采用26%的透明度。对于想特别突出或者可点击的文字，建议使用强色调。不同层级的视图，可以通过阴影来凸显。对于带有操作且内容突出的区域，可以使用 cardview 进行隔离，对于内容不太重要或者操作比较单一的区域，可以使用分割线进行隔离。

Material Design 的使用

  1. 将应用的 targetSdkVersion 和 minSdkVersion 设置为21(含以上)
  2. 在 values 目录下的 style 资源文件中创建一个 style，让其继承自
    android:Theme.Material
  3. 在AndroidManifest中指定应用的主题或者Activity的主题为我们设定的样式

常用的三种配色风格

  • 黑色风格：Theme.Material
  • 明亮风格：Theme.Material.Light
  • 明亮主题黑色ActionBar：Theme.Material.Light.DarkActionBar

自定义样式

  1. android:colorPrimaryDark 应用的主要暗色调，statusBarColor默认使用该颜色
  2. android:statusBarColor 状态栏颜色，默认使用colorPrimaryDark
  3. android:colorPrimary 应用的主要色调，actionBar默认使用该颜色
  4. android:windowBackground 窗口背景颜色
  5. android:navigationBarColor 底部栏颜色
  6. android:colorForeground 应用的前景色，ListView的分割线，switch滑动区默认使用该颜色
  7. android:colorBackground 应用的背景色，popMenu的背景默认使用该颜色
  8. android:colorAccent 一般控件的选种效果默认采用该颜色
  9. android:colorControlNormal 控件的默认色调　
  10. android:colorControlHighlight 控件按压时的色调
  11. android:colorControlActivated 控件选中时的颜色，默认使用colorAccent
  12. android:colorButtonNormal 默认按钮的背景颜色
  13. android:textColor Button，textView的文字颜色
  14. android:textColorPrimaryDisableOnly RadioButton checkbox等控件的文字
  15. android:textColorPrimary 应用的主要文字颜色，actionBar的标题文字默认使用该颜色

主题不仅可以对Application和Activity使用，也可以对某一个控件单使用，或者是在xml布局中给一个根节点控件设置android:theme属性，来修改它和它所有子控件的主题。 如果我们要对特定控件实例做自定义修改，更建议大家可以通过控件自身的API进行设置修改。

Material Design兼容性

Material Design主题只有在API级别为21以上才可使用，在v7支持库中提供了部分控件的Material Design主题样式，如果想使应用在android的所有版本上都能统一风格，我们可以对控件效果做自定义或者使用一些第三方的兼容包。目前最有效的做法是针对21版本创建value－21资源目录，使用Material Design风格主题，在其他版本使用v7的Theme.AppCompat.Light风格主题。

作者简介：

刘广明(@cnLGMing)，一步一步往上爬。

个人博客 、GitHub 、知乎

文章若有不对之处，欢迎指正，谢谢~

版权声明：原创作品，转载时请务必注明原始出处。

留言

▲