learnNG 2018-12-14
第一个方法是通过在外层添加一个CardView
<android.support.v7.widget.CardView android:id="@+id/cardview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10dp" app:cardBackgroundColor="@color/C2_5" app:cardCornerRadius="10dp" app:cardElevation="0dp" app:contentPadding="0.5dp"> <ImageView android:id="@+id/food_img" android:layout_width="85dp" android:layout_height="85dp" android:scaleType="centerCrop" android:src="@drawable/noinfo_big" /> </android.support.v7.widget.CardView>
但是如果要在图片外层加一个带颜色的边框该如何处理呢,这样的话,第一种方法就用不成了,圆角会很难看,那么就需要用到第二种自定义
package XXX.view; // // Source code recreated from a .class file by IntelliJ IDEA // (powered by Fernflower decompiler) // import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader.TileMode; import android.support.annotation.NonNull; import com.bumptech.glide.Glide; import com.bumptech.glide.load.Transformation; import com.bumptech.glide.load.engine.Resource; import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; import com.bumptech.glide.load.resource.bitmap.BitmapResource; import java.security.MessageDigest; /** * 集圆角/圆形/蒙层一体 */ public class GlideCircleTransform implements Transformation<Bitmap> { private BitmapPool mBitmapPool; private int coverColor = -1; private float radius; private boolean exceptLeftTop, exceptRightTop, exceptLeftBottom, exceptRightBotoom; /** * 除了那几个角不需要圆角的 * * @param leftTop * @param rightTop * @param leftBottom * @param rightBottom */ public void setExceptCorner(boolean leftTop, boolean rightTop, boolean leftBottom, boolean rightBottom) { this.exceptLeftTop = leftTop; this.exceptRightTop = rightTop; this.exceptLeftBottom = leftBottom; this.exceptRightBotoom = rightBottom; } public GlideCircleTransform(Context context) { this(Glide.get(context).getBitmapPool()); } public GlideCircleTransform(Context context, int coverColor) { this(Glide.get(context).getBitmapPool()); this.coverColor = coverColor; } public GlideCircleTransform(Context context, int coverColor, float radius) { this(Glide.get(context).getBitmapPool()); this.radius = radius; this.coverColor = coverColor; } public GlideCircleTransform(BitmapPool pool) { this.radius = 0.0F; this.mBitmapPool = pool; } public Resource<Bitmap> transform(Context context,Resource<Bitmap> resource, int outWidth, int outHeight) { Bitmap source = (Bitmap)resource.get(); Bitmap bitmap = null; int width; int height; int afterWidth; if(this.radius > 0.0F) { //设置圆角 int afterHeight; float bili; float bili1; if(outWidth > outHeight) { bili = (float)outHeight / (float)outWidth; afterWidth = source.getWidth(); afterHeight = (int)((float)source.getWidth() * bili); if(afterHeight > source.getHeight()) { bili1 = (float)outWidth / (float)outHeight; afterHeight = source.getHeight(); afterWidth = (int)((float)source.getHeight() * bili1); } } else if(outWidth < outHeight) { bili = (float)outWidth / (float)outHeight; afterHeight = source.getHeight(); afterWidth = (int)((float)source.getHeight() * bili); if(afterWidth > source.getWidth()) { bili1 = (float)outHeight / (float)outWidth; afterWidth = source.getWidth(); afterHeight = (int)((float)source.getWidth() * bili1); } } else { afterHeight = source.getHeight(); afterWidth = afterHeight; } width = (source.getWidth() - afterWidth) / 2; height = (source.getHeight() - afterHeight) / 2; //修正圆角 this.radius *= (float)afterHeight / (float)outHeight; bitmap = this.mBitmapPool.get(afterWidth, afterHeight, Config.ARGB_8888); if(bitmap == null) { bitmap = Bitmap.createBitmap(afterWidth, afterHeight, Config.ARGB_8888); } Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); BitmapShader shader = new BitmapShader(source, TileMode.CLAMP, TileMode.CLAMP); if(width != 0 || height != 0) { Matrix matrix = new Matrix(); matrix.setTranslate((float)(-width), (float)(-height)); shader.setLocalMatrix(matrix); } paint.setShader(shader); paint.setAntiAlias(true); RectF rectF = new RectF(0.0F, 0.0F, (float)canvas.getWidth(), (float)canvas.getHeight()); canvas.drawRoundRect(rectF, this.radius, this.radius, paint); //设置蒙层 Paint coverPaint = new Paint(); coverPaint.setAntiAlias(true); coverPaint.setColor(coverColor); if(coverColor > -1) { canvas.drawRoundRect(rectF, this.radius, this.radius, coverPaint); } if (exceptLeftTop) { //左上角不为圆角 canvas.drawRect(0, 0, radius, radius, paint); if (coverColor > -1) { canvas.drawRect(0, 0, radius, radius, coverPaint); } } if (exceptRightTop) {//右上角不为圆角 canvas.drawRect(canvas.getWidth() - radius, 0, canvas.getWidth(), radius, paint); if (coverColor > -1) { canvas.drawRect(canvas.getWidth() - radius, 0, canvas.getWidth(), radius, coverPaint); } } if (exceptLeftBottom) {//左下角不为圆角 canvas.drawRect(0, canvas.getHeight() - radius, radius, canvas.getHeight(), paint); if (coverColor > -1) { canvas.drawRect(0, canvas.getHeight() - radius, radius, canvas.getHeight(), coverPaint); } } if (exceptRightBotoom) {//右下角不为圆角 canvas.drawRect(canvas.getWidth() - radius, canvas.getHeight() - radius, canvas.getWidth(), canvas.getHeight(), paint); if (coverColor > -1) { canvas.drawRect(canvas.getWidth() - radius, canvas.getHeight() - radius, canvas.getWidth(), canvas.getHeight(), coverPaint); } } } else { //设置圆形 width = Math.min(source.getWidth(), source.getHeight()); height = (source.getWidth() - width) / 2; afterWidth = (source.getHeight() - width) / 2; bitmap = this.mBitmapPool.get(width, width, Config.ARGB_8888); if(bitmap == null) { bitmap = Bitmap.createBitmap(width, width, Config.ARGB_8888); } Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); BitmapShader shader = new BitmapShader(source, TileMode.CLAMP, TileMode.CLAMP); if(height != 0 || afterWidth != 0) { Matrix matrix = new Matrix(); matrix.setTranslate((float)(-height), (float)(-afterWidth)); shader.setLocalMatrix(matrix); } paint.setShader(shader); paint.setAntiAlias(true); float r = (float)width / 2.0F; canvas.drawCircle(r, r, r, paint); //设置蒙层 if(coverColor != -1) { Paint paint1 = new Paint(); paint1.setAntiAlias(true); paint1.setColor(coverColor); canvas.drawCircle(r, r, r, paint1); } } return BitmapResource.obtain(bitmap, this.mBitmapPool); } public String getId() { return this.getClass().getName(); } @Override public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) { } }
然后在需要转换的imageview的地方调用
RequestOptions options = new RequestOptions().transform(new GlideCircleTransform(mContext,mContext.getResources().getColor(R.color.C2_5),20)); Glide.with(mContext).load(item.getImage()).apply(options).into((ImageView) helper.getView(R.id.imageview));
这样就完美处理了