Glide ImageView 适配 CircleTransformed 大小
Glide ImageView fit CircleTransformed size
我正在使用 Glide 和 CircleTransform 将圆形图像放入此 ImageView。
ImageView 具有 wrap_content 属性,但是 ImageView 不适合 CircleTransformed Image 的宽度。
这是我的代码:
我的图片加载:
int itemSizeInDp = (int) mContext.getResources().getDimension(R.dimen.spacing_social);
int itemSizeInPx = MetricsHelper.convertDpToPx(mContext, itemSizeInDp);
Glide.with(mContext)
.load(mSocialPhotos.get(position))
.transform(new CircleTransform(mContext))
.override(itemSizeInPx, itemSizeInPx)
.into(holder.mSocialPhoto);
我的 CircleTransform class :
public class CircleTransform extends BitmapTransformation {
public CircleTransform(Context context) {
super(context);
Log.d("photo", "transform");
}
@Override
protected Bitmap transform(BitmapPool pool, Bitmap source, int outWidth, int outHeight) {
return ImageUtils.getCircularBitmapImage(source);
}
@Override
public String getId() {
return "Glide_Circle_Transformation";
}}
public class ImageUtils {
public static Bitmap getCircularBitmapImage(Bitmap source) {
int size = Math.min(source.getWidth(), source.getHeight());
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
if (squaredBitmap != source) {
source.recycle();
}
Bitmap bitmap = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
paint.setShader(shader);
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
squaredBitmap.recycle();
return bitmap;
}}
和图像视图:
有没有办法让我的图像视图适合圆的宽度?
编辑:
我可以像下面这样直接设置 ImageView 的 LayoutParams,但我认为肯定有更优雅的方法来做到这一点。
holder.mSocialPhoto.getLayoutParams().height = itemSizeInPx;
holder.mSocialPhoto.getLayoutParams().width = itemSizeInPx;
由于我还没有找到更好的方法,
holder.mSocialPhoto.getLayoutParams().height = itemSizeInPx;
holder.mSocialPhoto.getLayoutParams().width = itemSizeInPx;
工作正常。
我正在使用 Glide 和 CircleTransform 将圆形图像放入此 ImageView。
ImageView 具有 wrap_content 属性,但是 ImageView 不适合 CircleTransformed Image 的宽度。
这是我的代码: 我的图片加载:
int itemSizeInDp = (int) mContext.getResources().getDimension(R.dimen.spacing_social);
int itemSizeInPx = MetricsHelper.convertDpToPx(mContext, itemSizeInDp);
Glide.with(mContext)
.load(mSocialPhotos.get(position))
.transform(new CircleTransform(mContext))
.override(itemSizeInPx, itemSizeInPx)
.into(holder.mSocialPhoto);
我的 CircleTransform class :
public class CircleTransform extends BitmapTransformation {
public CircleTransform(Context context) {
super(context);
Log.d("photo", "transform");
}
@Override
protected Bitmap transform(BitmapPool pool, Bitmap source, int outWidth, int outHeight) {
return ImageUtils.getCircularBitmapImage(source);
}
@Override
public String getId() {
return "Glide_Circle_Transformation";
}}
public class ImageUtils {
public static Bitmap getCircularBitmapImage(Bitmap source) {
int size = Math.min(source.getWidth(), source.getHeight());
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
if (squaredBitmap != source) {
source.recycle();
}
Bitmap bitmap = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
paint.setShader(shader);
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
squaredBitmap.recycle();
return bitmap;
}}
和图像视图:
有没有办法让我的图像视图适合圆的宽度?
编辑:
我可以像下面这样直接设置 ImageView 的 LayoutParams,但我认为肯定有更优雅的方法来做到这一点。
holder.mSocialPhoto.getLayoutParams().height = itemSizeInPx;
holder.mSocialPhoto.getLayoutParams().width = itemSizeInPx;
由于我还没有找到更好的方法,
holder.mSocialPhoto.getLayoutParams().height = itemSizeInPx;
holder.mSocialPhoto.getLayoutParams().width = itemSizeInPx;
工作正常。