自定义ImageView实现圆角矩形

最新推荐文章于 2022-09-29 22:58:49 发布

原创最新推荐文章于 2022-09-29 22:58:49 发布 · 554 阅读

3 ·

CC 4.0 BY-SA版权

Android Imageview 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种自定义Android ImageView的方法，使其能够显示圆角矩形图像。通过创建RectangleView类并重写onDraw方法，文章详细展示了如何利用Canvas和Paint绘制带有圆角的图片，并提供了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package com.youle.bige.view;  
  
import android.content.Context;  
import android.graphics.Bitmap;  
import android.graphics.Bitmap.Config;  
import android.graphics.Canvas;  
import android.graphics.Paint;  
import android.graphics.PorterDuff.Mode;  
import android.graphics.PorterDuffXfermode;  
import android.graphics.Rect;  
import android.graphics.RectF;  
import android.graphics.drawable.BitmapDrawable;  
import android.graphics.drawable.Drawable;  
import android.util.AttributeSet;  
import android.widget.ImageView;  
  
/** 
 * 自定义的圆角矩形ImageView，可以直接当组件在布局中使用。 
 * @author se7en 
 * 
 */  
public class RectangleView extends ImageView{  
  
    private Paint paint;  
      
    public RectangleView(Context context) {    
        this(context,null);    
    }    
    
    public RectangleView(Context context, AttributeSet attrs) {    
        this(context, attrs,0);    
    }    
    
    public RectangleView(Context context, AttributeSet attrs, int defStyle) {    
        super(context, attrs, defStyle);   
        paint  = new Paint();  
    }    
    
    /** 
     * 绘制圆角矩形图片 
     * @author se7en 
     */  
    @Override    
    protected void onDraw(Canvas canvas) {    
    
        Drawable drawable = getDrawable();    
        if (null != drawable) {    
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();    
            Bitmap b = getRoundBitmap(bitmap, 30 );    
            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，也可以结合实际效果。本例中是30，为了实现明显一点。 
     * @return se7en 
     */  
    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;        
    }    
}

说明一下这个方法：该方法用于在画布上面绘制圆角矩形，是通过指定RectF对象以及圆角半径来实现的吗。

参数说明：

rect：RectF 对象

rx：x方向上的圆角半径

ry：y方向上的圆角半径

paint：绘制时所使用的画笔

定义好imageview之后就可以在xml布局文件中直接使用了；

<com.youle.bige.view.RectangleView  
            android:id="@+id/list_item_author_touxiang"  
            android:layout_width="80dp"  
            android:layout_height="80dp"  
            android:layout_margin="10dp"  
            android:src="@drawable/icon_empty" />

Android自带的imageView是矩形了，如果要自定义实现imageview的其他形状，如圆形。圆角矩形之类的。下面就来实现圆角矩形，

原理是：先取得图片的Bitmap，然后进行裁剪对应的圆角矩形的Bitmap,然后在onDraw()进行绘制圆角矩形。