Android Material Design-Working with Drawables(使用Drawable)-(五)

转载请注明出处：http://blog.csdn.net/bbld_/article/details/40584331

下面的几点drawables 的功能帮助你在你的app中实现material design：

l  可绘制着色

l  突出的颜色提取

l  矢量可绘性

本章节向你展示了怎么在你的app中使用这些功能。

色调Drawable资源

如果使用Android5.0(API级别21)以上的系统版本，你可以着色位图和9patch图作为透明度蒙板。你可以使用颜色资源或者主题属性中的颜色资源(例如，?android:attr/colorPrimary)给它们着色。通常，你只需一次即可创建这些资源，并自动将它们上色以匹配你的主题。

你可以使用setTint()方法给位图资源或者9patch资源对象着色。你还可以在你的布局中使用android:tint属性和android:tintMode属性设置着色的颜色和模式。

从图像中提取突出的颜色

Android r21或以上的支持库中包含了Palette类，它能让你从图像中提取突出的颜色。这个类能提取以下突出的颜色：

l  Vibrant(充满活力的)

l  Vibrant dark(充满活力的黑)

l  Vibrant light(充满活力的亮)

l  Muted(柔和的)

l  Muted dark(柔和的黑)

l  Muted lighr(柔和的亮)

要提取这些颜色，在你加载图片的后台线程中传递一个位图对象给Palette.generate()静态方法。如果你不适用线程，则调用Palette.generateAsync()方法并且提供一个监听器去替代。

你可以在Palette类中使用getter方法来从检索突出的颜色，比如Palette.getVibrantColor。

要在你的项目中使用Palette类，增加下面的Gradle依赖到你的程序的模块(module)中：

dependencies {
    ...
    compile 'com.android.support:palette-v7:21.0.+'
}

补充：在Eclipse中使用Palette类：

很简单，把sdk里的extras里的v7支持库里的palette支持jar包复制到你项目的libs文件夹即可。

更多的信息，请参阅Palette类的API文档说明。

创建矢量(vector)Drawables

在Android 5.0(API级别21)或以上的系统中，则可以定义矢量drawables，它可以在不失清晰度的情况下进行缩放。你仅仅需要需要一个矢量图片的资源文件，而需要为每个屏幕密度设置一个资源文件。要创建一个矢量图片，你需要定义形状元素的细节在<vector>XML文件中。

下面的例子定义了一个心形的矢量图像：

<!-- res/drawable/heart.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- intrinsic size of the drawable -->
    android:height="256dp"
    android:width="256dp"
    <!-- size of the virtual canvas -->
    android:viewportWidth="32"
    android:viewportHeight="32">

  <!-- draw a path -->
  <path android:fillColor="#8fff"
      android:pathData="M20.5,9.5
                        c-1.955,0,-3.83,1.268,-4.5,3
                        c-0.67,-1.732,-2.547,-3,-4.5,-3
                        C8.957,9.5,7,11.432,7,14
                        c0,3.53,3.793,6.257,9,11.5
                        c5.207,-5.242,9,-7.97,9,-11.5
                        C25,11.432,23.043,9.5,20.5,9.5z" />
</vector>

矢量图像在Android中被表示为VectorDrawable对象。更多有关pathData语法的信息，请参阅SVG Path 的文档参考。更多有关动画矢量drawable属性，请参阅AnimatingVector Drawables(未更新)。

Demo演示效果：

demo源码下载地址：http://download.csdn.net/detail/bbld_/8094905