android自定义圆角矩形Imageview

来源：互联网发布：淘宝网严重违规节点编辑：程序博客网时间：2024/04/30 18:31

安卓中的默认的imageview显示是矩形的，但往往我们需要做圆角矩形的图片显示，这样棱角不会太突出，之前我也没做过，目前也不是很理解其中缘由，就先做个笔记吧。

这做的也是非常简单，连自定义的属性都没有设置

首先自定义一个类继承Imageview

代码如下：

import android.widget.ImageView;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.RectF;import android.graphics.PorterDuff.Mode;import android.graphics.PorterDuffXfermode;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.util.AttributeSet;/** * 自定义的圆角矩形ImageView，可以直接当组件在布局中使用。 * * Created by Sunny on 17/3/7. * * */public class XCRoundRectImageView extends ImageView{    private Paint paint;    public XCRoundRectImageView(Context context) {        this(context,null);    }    public XCRoundRectImageView(Context context, AttributeSet attrs) {        this(context, attrs,0);    }    public XCRoundRectImageView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        paint  = new Paint();    }    /**     * 绘制圆角矩形图片     * @author caizhiming     */    @Override    protected void onDraw(Canvas canvas) {        Drawable drawable = getDrawable();        if (null != drawable) {            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();            Bitmap b = getRoundBitmap(bitmap, 20);            final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());            final Rect rectDest = new Rect(0,0,getWidth(),getHeight());            paint.reset();            canvas.drawBitmap(b, rectSrc, rectDest, paint);        } else {            super.onDraw(canvas);        }    }    /**     * 获取圆角矩形图片方法     * @param bitmap     * @param roundPx,一般设置成14     * @return Bitmap     * @author caizhiming     */    private Bitmap getRoundBitmap(Bitmap bitmap, int roundPx) {        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),                bitmap.getHeight(), Config.ARGB_8888);        Canvas canvas = new Canvas(output);        final int color = 0xff424242;        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());        final RectF rectF = new RectF(rect);        paint.setAntiAlias(true);        canvas.drawARGB(0, 0, 0, 0);        paint.setColor(color);        int x = bitmap.getWidth();        canvas.drawRoundRect(rectF, roundPx, roundPx, paint);        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));        canvas.drawBitmap(bitmap, rect, rect, paint);        return output;    }
｝
然后就可以在布局文件中使用了。

0 0