android drawable打造圆形，圆角图片

来源：互联网发布：读懂php wsdl中方法编辑：程序博客网时间：2024/04/29 05:24

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

1、概述

Drawable在我们平时的开发中，基本都会用到，而且给大家非常的有用。那么什么是Drawable呢？能够在canvas上绘制的一个玩意，而且相比于View，并不需要去考虑measure、layout，仅仅只要去考虑如何draw（canavs）。当然了，对于Drawable传统的用法，大家肯定不陌生，今天主要给大家带来以下几个Drawable的用法：

1、自定义Drawable，相比View来说，Drawable属于轻量级的、使用也很简单。以后自定义实现一个效果的时候，可以改变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 plaincopy
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以为，其他都很简单。getIntrinsicWidth、getIntrinsicHeight主要是为了在View使用wrap_content的时候，提供一下尺寸，默认为-1可不是我们希望的。setBounds就是去设置下绘制的范围。

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

看下用法：

[java] view plaincopy
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 plaincopy
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~~~接下来看自定义状态的。

0 0