Material Design实现应用动态改变色调的方法

作者 Yongquan.Xu

1、概述

本文针对目前FreelyUI 应用的主题色定制，利用Material design的主题颜色和tint着色特性，实现快速定制app主题颜色。

2、Material design的主题颜色控制

如下图所示，Material Design定义了一系列的颜色用以控制应用的各种色调，本文使用主题颜色用于定义应用的各种色调。

ColorPrimary，定义应用的主色调

colorPrimaryDark，定义按钮点击后的颜色（由于状态使用半透着色实现渐变效果，该属性在原先主题中已失效）

colorBackground，定义标题栏渐变色的结束颜色

3、tint特性

tint是Material Design中的新特性，可以理解为着色，把一张图片渲染成另外一种颜色。在Android L中，EditText的下划线背景和光标颜色变化，就是使用这种特性。

 

4、定义主题theme

<style name="AppTheme" parent="android:Theme.Material.Light">
  <item name="android:windowActionBar">false</item>
  <item name="android:windowNoTitle">true</item>
  <item name="android:colorPrimary">#FF0000</item>
  <item name="android:colorPrimaryDark">#FF99CC