Android 实现图片生成卷角和圆角缩略图的方法
时间：2021-02-21 14:57:46|栏目：Android代码|点击： 次
在 Android 的一些界面中，有时候我们需要为一副图片生成大小为 n * n 的缩略图，有时候需要的缩略图特殊一些，比如：
1、带圆角的缩略图：
如果我们需要带圆角的缩略图，但提供的图片是 n * n 的正方形的图片，该怎么办？这时候可以在贴图之前，先利用 Paint.setXfermode 方法来设置图片叠加时的混合模式，从而达到目的。一般而言，使用方法如下：
Paint paint = new Paint(); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.XXX); canvas.drawBitmap(srcBmp, rc, rc, paint);
关于 PorterDuff.Mode 的值，确定了 SrcBmp 和 DstBmp 交叠时像素的处理方式，其作用用一幅图片展示如下：
我们看出 SrcIn 这个模式，只保留 SrcBmp 和 DstBmp 直接的交集部分，并且只展现 SrcBmp 上这部分交集的内容。这个模式适合我们做带圆角的缩略图。我们先在 Canvas 上绘制一个实心圆角矩形，其他部分透明，然后用这个模式把缩略图再绘制到 Canvas 上即可：
Bitmap roundThumbBitmap = Bitmap.createBitmap( rc.width(), rc.height(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(roundThumbBitmap); Paint paint = new Paint(); paint.setColor(0xFFFF0000); // 任何不透明的颜色均可。（作为掩码色） paint.setAntiAlias(true); // 开启抗锯齿,防止圆角毛躁. // 填充一个圆角矩形. final float radius = 5.0f; canvas.drawRoundRect(new RectF(rc), radius, radius, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(srcBmp, rc, rc, paint);
做出的效果如下：
2、带 “卷角+圆角” 的缩略图：
有时候，我们需要为一张普通的图片生成 “卷角+圆角” 效果的图，像这样：
这时候，我们可以用两张辅助图来实现这个效果，一张底图做掩码，得到 “圆角+左上角切角” 的效果，然后用另一张图片覆盖在上面，得到 “灰色边框+右上角卷角” 的效果，我们需要的两张图如下：
代码如下：
Bitmap rollAngleThumbBmp = Bitmap.createBitmap(rc.width(), rc.height(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(rollAngleThumbBmp); Bitmap maskBmp = BitmapFactory.decodeResource(context.getResources(), R.drawable.mask); Bitmap borderBmp = ((BitmapDrawable)context.getResources().getDrawable(R.drawable.border)).getBitmap(); Paint paint = new Paint(); paint.setAntiAlias(true); // 先贴掩码图. canvas.drawBitmap(maskBmp, rc, rc, paint); // 再用 SrcIn 的模式贴缩略图. paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(srcBmp, rc, rc, paint); // 先取消 Xfermode. paint.setXfermode(null); // 再贴边框卷角图. canvas.drawBitmap(borderBmp, rc, rc, paint);
得到的效果如下（看起来有些毛躁，纯属是我切的 mask 和 border 图片的问题，不是方法的问题）：
栏 目：Android代码
下一篇：Android RecyclerView打造自动循环效果
本文标题：Android 实现图片生成卷角和圆角缩略图的方法
本文地址：http://www.codeinn.net/misctech/67417.html
