Android Drawable 那些不为人知的高效使用方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/43752383，本文出自：【张鸿洋的博客】

1、概述

Drawable在我们平时的开发中。基本都会用到，并且给大家很的实用。那么什么是Drawable呢？可以在canvas上绘制的一个玩意。并且相比于View，并不须要去考虑measure、layout，只只要去考虑怎样draw（canavs）。

当然了，对于Drawable传统的使用方法。大家肯定不陌生。今天主要给大家带来下面几个Drawable的使用方法：

1、自己定义Drawable。相比View来说，Drawable属于轻量级的、使用也非常easy。

以后自己定义实现一个效果的时候。能够改变View first的思想。尝试下Drawable first。

2、自己定义状态，相信大家对于State Drawable都不陌生，可是有没有尝试过去自己定义一个状态呢？

3、利用Drawable提升我们的UI Perfermance 。怎样利用Drawable去提升我们的UI的性能。

2、Drawable基本概念

普通情况下，除了直接使用放在Drawable下的图片，事实上的Drawable的使用方法都和xml相关。我们能够使用shape、layer-list等标签绘制一些背景。还能够通过selector标签定义View的状态的效果等。当然了基本每一个标签都相应于一个真正的实体类。关系例如以下：（图片来自：Cyril Mottier ：master_android_drawables）

常见的使用方法这里就不举例了，以下開始看本文的重点。

2、自己定义Drawable

关于自己定义Drawable，能够通过写一个类，然后继承自Drawable ，类似于自己定义View，当然了自己定义Drawable的核心方法仅仅有一个，那就是draw。

那么自己定义Drawable究竟有什么实际的作用呢？能干什么呢？

相信大家对于圆角、圆形图片都不陌生。而且我以前写过通过自己定义View实现的方式，详细可參考：

Android BitmapShader
实战实现圆形、圆角图片

Android
Xfermode 实战实现圆形、圆角图片

那我今天要告诉你，不须要自己定义View。自己定义Drawable也能实现。并且更加简单、高效、使用范围更广（你能够作为不论什么View的背景）。

1、RoundImageDrawable

代码比較简单。以下看下RoundImageDrawable

[java] view
plain copy

package com.zhy.view;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.RectF;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.Drawable;
public class RoundImageDrawable extends Drawable
{
private Paint mPaint;
private Bitmap mBitmap;
private RectF rectF;
public RoundImageDrawable(Bitmap bitmap)
{
mBitmap = bitmap;
BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,
TileMode.CLAMP);
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setShader(bitmapShader);
}
@Override
public void setBounds(int left, int top, int right, int bottom)
{
super.setBounds(left, top, right, bottom);
rectF = new RectF(left, top, right, bottom);
}
@Override
public void draw(Canvas canvas)
{
canvas.drawRoundRect(rectF, 30, 30, mPaint);
}
@Override
public int getIntrinsicWidth()
{
return mBitmap.getWidth();
}
@Override
public int getIntrinsicHeight()
{
return mBitmap.getHeight();
}
@Override
public void setAlpha(int alpha)
{
mPaint.setAlpha(alpha);
}
@Override
public void setColorFilter(ColorFilter cf)
{
mPaint.setColorFilter(cf);
}
@Override
public int getOpacity()
{
return PixelFormat.TRANSLUCENT;
}
}

核心代码就是draw了。but。我们仅仅须要一行~~~~setAlpha、setColorFilter、getOpacity、draw这几个方法是必须实现的，只是除了draw以为，其它都非常easy。

getIntrinsicWidth、getIntrinsicHeight主要是为了在View使用wrap_content的时候，提供一下尺寸，默觉得-1可不是我们希望的。

setBounds就是去设置下绘制的范围。

ok，圆角图片就这么实现了，easy 不~~

看下使用方法：

[java] view
plain copy

Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
R.drawable.mv);
ImageView iv = (ImageView) findViewById(R.id.id_one);
iv.setImageDrawable(new RoundImageDrawable(bitmap));

ok，贴一下我们的效果图。两个ImageView和一个TextView

能够看到，不只用于ImageView去实现圆角图片，而且能够作为不论什么View的背景。在ImageView中的拉伸的情况。配下ScaleType就可以。在其它View作为背景时，假设出现拉伸情况。请參考：Android
BitmapShader 实战实现圆形、圆角图片。足够具体了。

2、CircleImageDrawable

那么下来，我们再看看自己定义圆形Drawable的写法:

[java] view
plain copy

package com.zhy.view;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.RectF;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.Drawable;
public class CircleImageDrawable extends Drawable
{
private Paint mPaint;
private int mWidth;
private Bitmap mBitmap ;
public CircleImageDrawable(Bitmap bitmap)
{
mBitmap = bitmap ;
BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,
TileMode.CLAMP);
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setShader(bitmapShader);
mWidth = Math.min(mBitmap.getWidth(), mBitmap.getHeight());
}
@Override
public void draw(Canvas canvas)
{
canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, mPaint);
}
@Override
public int getIntrinsicWidth()
{
return mWidth;
}
@Override
public int getIntrinsicHeight()
{
return mWidth;
}
@Override
public void setAlpha(int alpha)
{
mPaint.setAlpha(alpha);
}
@Override
public void setColorFilter(ColorFilter cf)
{
mPaint.setColorFilter(cf);
}
@Override
public int getOpacity()
{
return PixelFormat.TRANSLUCENT;
}
}

一样出奇的简单，再看一眼效果图：

ok。关于自己定义Drawable的样例over~~~接下来看自己定义状态的。

上述參考了：Romain Guy's Blog

3、自己定义Drawable State

关于Drawable State，state_pressed神马的，相信大家都掌握的特别熟练了。

那么接下来。我们有个需求，类似于邮箱，邮件以ListView形式展示。可是我们须要一个状态去标识出未读和已读：so，我们自己定义一个状态state_message_readed。

效果图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbG1qNjIzNTY1Nzkx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" style="border:none; max-width:602px; height:auto">

能够看到，假设是已读的邮件。我们的图标是打开状态，且有个淡红色的背景。那么怎样通过自己定义drawable state 实现呢？

自己定义drawable state 须要分为下面几个步骤：

1、res/values/新建一个xml文件：drawable_status.xml

[html] view
plain copy

<?
xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MessageStatus">
<attr name="state_message_readed" format="boolean" />
</declare-styleable>
</resources>

2、继承Item的容器

我们这里Item选择RelativeLayout实现，我们须要继承它，然后复写它的onCreateDrawableState方法。把我们自己定义的状态在合适的时候加入进去。

[java] view
plain copy

package com.zhy.view;
import com.zhy.sample.drawable.R;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.RelativeLayout;
public class MessageListItem extends RelativeLayout
{
private static final int[] STATE_MESSAGE_READED = { R.attr.state_message_readed };
private boolean mMessgeReaded = false;
public MessageListItem(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public void setMessageReaded(boolean readed)
{
if (this.mMessgeReaded != readed)
{
mMessgeReaded = readed;
refreshDrawableState();
}
}
@Override
protected int[] onCreateDrawableState(int extraSpace)
{
if (mMessgeReaded)
{
final int[] drawableState = super
.onCreateDrawableState(extraSpace + 1);
mergeDrawableStates(drawableState, STATE_MESSAGE_READED);
return drawableState;
}
return super.onCreateDrawableState(extraSpace);
}
}

代码不复杂，声明了一个STATE_MESSAGE_READED。然后在mMessgeReaded=true的情况下，通过onCreateDrawableState方法。增加我们自己定义的状态。

类似的代码，大家能够看看CompoundButton（CheckBox父类）的源代码。它有个checked状态：

[java] view
plain copy

@Override
protected int[] onCreateDrawableState(int extraSpace) {
final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
if (isChecked()) {
mergeDrawableStates(drawableState, CHECKED_STATE_SET);
}
return drawableState;
}

3、使用

布局文件：

[html] view
plain copy

<com.zhy.view.MessageListItem xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/message_item_bg" >
<ImageView
android:id="@+id/id_msg_item_icon"
android:layout_width="30dp"
android:src="@drawable/message_item_icon_bg"
android:layout_height="wrap_content"
android:duplicateParentState="true"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
/>
<TextView
android:id="@+id/id_msg_item_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/id_msg_item_icon" />
</com.zhy.view.MessageListItem>