圆形图片绘制

最新推荐文章于 2022-03-26 14:55:50 发布

原创最新推荐文章于 2022-03-26 14:55:50 发布 · 398 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #android开发 #imageview #图片

Android开发时遇到圆形图片的问题，以前都是在用第三方框架CircleImageView，这个框架确实比较好用，但是总希望可以自定义一个ImageView实现圆形图片的绘制。

在网上看了一些圆形图片的绘制方法，因此拿过和大家共享一下圆形图片的绘制。

/**
 * 绘制圆形图片
 * @author caizhiming
 */
@Override
protected void onDraw(Canvas canvas) {

    Drawable drawable = getDrawable();//获取图片，用于获取控件中的图片，返回的是Drawable类型的

    if (null != drawable) {
        Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
        Bitmap b = getCircleBitmap(bitmap, 14);
        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 pixels
     * @return Bitmap
     * @author caizhiming
     */
    private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
                bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(output);
        final int color = 0xff424242;
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        int x = bitmap.getWidth();
        canvas.drawCircle(x / 2, x / 2, x / 2, paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);
        return output;


    }

   PorterDuff.Mode.SRC_IN：解释为取两层绘制交集。显示上层
setXfermode：想了解可以查看：http://www.cnblogs.com/tianzhijiexian/p/4297172.html

。Xfermode国外有大神称之为过渡模式，这种翻译比较贴切但恐怕不易理解，大家也可以直接称之为图像混合模式，因为所谓的“过渡”其实就是图像混合的一种