• 创建Material Design风格的Android应用--使用Drawable


    下面Drawables的功能帮助你在应用中实现Material Design:

    图片资源着色

    在android 5.0(api 21)和更高版本号,能够着色bitmap和.9 png 通过定义透明度遮盖。你能够着色通过使用颜色资源或者主题的属性去解析颜色资源(比方,?android:attr/colorPrimary).通常我们创建一次,然后资源自适应主题。

    你能够给BitmapDrawable或NinePatchDrawable对象着色使用setTint()方法。你能够能够在布局文件里使用android:tintandroid:tintMode属性设置着色颜色和着色模式。

    从图片中抽取高亮颜色

    support library r21和更高的版本号中包含了Palette类,能够从一个图片中提取高亮颜色。这个类能够提起下面几种突出颜色:

    Vibrant 充满生机

    Vibrant dark 暗的充满生机

    Vibrant light 亮的充满生机

    Muted 柔和

    Muted dark 暗的柔和

    Muted light 亮的柔和

    传递一个Bitmap对象给静态方法Palette.generate(),它会在后台线程帮你从后台线程提取颜色。假设你不能使用这个后台线程,使用Palette.generateAsync()方法,而且设置一个监听器listener.

    你能够从图片中取得突出颜色使用Palette类中的getter方法,比方Palette.getVibrantColor.

    在项目中使用Palette方法,须要在项目中包括v7包palette的jar, gradle dependecy加入的方式是:

    ?
    1
    2
    ...
    compile 'com.android.support:palette-v7:21.0.+'

    以下这个是演示样例代码:

    ?
    1
    2
    3
    4
    5
    6
    Palette.generateAsync(bitmap, new Palette.PaletteAsyncListener() {
         public void onGenerated(Palette palette) {
             // Do something with colors...
             palette.getVibrantColor(Color.BLACK); //get a color in rgb value
         }
     });

    很多其它信息,请查看Paltette的api文档:http://developer.android.com/reference/android/support/v7/graphics/Palette.html

    创建矢量drawables

    在android 5.0和更高版本号中,能够创建矢量的drawable,在缩放的时候不会失真。你仅仅须要定义一个矢量图片文件,相反的,使用bitmap位图则须要针对不同的分辨率创建多个文件。创建一个矢量图片,你须要说明图形的具体,在xml文件的 标签下。

    以下是一个样例:

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <?xml version="1.0" encoding="utf-8"?>
    <!-- res/drawable/heart.xml -->
    <vector
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="256dp"
        android:height="256dp"
        android:viewportHeight="32"
        android:viewportWidth="32">
     
        <!-- draw a path -->
        <path
            android:fillColor="#f15467"
            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对象。很多其它信息,查看Svg Path reference。

    參考资料:http://developer.android.com/training/material/drawables.html

    原文地址:http://blog.isming.me/2014/11/03/creating-app-with-material-design-four-drawables/,转载请注明出处。

  • 相关阅读:
    加载数据量大,页面卡死解决办法
    [存档]开启window7的隐藏功能虚拟wifi
    IIS发布Asp.Net网站注意事项
    [转载]总结几种C#窗体间通讯的处理方法
    调整和删除Win7休眠文件Hiberfil.sys的方法技巧,释放系统空间! ...
    [存档]Div+Css布局中经常使用的小技巧合集
    Android AndroidManifest.xml 结构详解
    Android权限详细说明
    Activity 生命周期详解
    程序员的文采
  • 原文地址:https://www.cnblogs.com/hrhguanli/p/4494146.html
Copyright © 2020-2023  润新知