码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-10-29 15:00:26      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:material   material design   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文件夹即可。

bubuko.com,布布扣

更多的信息,请参阅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演示效果:

bubuko.com,布布扣


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



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

标签:material   material design   drawable   

原文地址:http://blog.csdn.net/bbld_/article/details/40584331

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!