蓝桉云顶

在Android中使用Glide将不同大小的图片切圆角与圆形

一、背景介绍

在Android开发中，图片处理是一个常见且重要的需求，使用Glide库可以简化图片的异步加载和处理过程，本文将详细介绍如何使用Glide库对不同大小的图片进行圆角和圆形处理。

二、基本概念及工具介绍

1、Glide：Glide是一个流行的Android图片加载库，支持从各种来源加载图片，并提供丰富的图片处理功能。

2、BitmapTransformation：这是Glide提供的一个接口，用于对加载的图片进行自定义变换，通过实现这个接口，可以实现对图片的各种复杂操作。

3、RequestOptions：Glide提供了RequestOptions类，用于配置加载图片时的各种选项，比如占位图、错误图以及各种变换。

三、实现步骤

添加Glide依赖

确保在你的build.gradle文件中添加了Glide的依赖：

implementation 'com.github.bumptech.glide:glide:4.12.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'

2. 创建自定义Transformation

为了实现对图片的圆角和圆形处理，我们需要自定义一个BitmapTransformation，以下是具体的实现代码：

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.Rect;
import android.graphics.Shader;
import androidx.annotation.NonNull;
import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;
import com.bumptech.glide.load.resource.bitmap.TransformationUtils;
import java.security.MessageDigest;
public class RoundedCornersTransformation extends BitmapTransformation {
    private static final String ID = "com.example.RoundedCornersTransformation";
    private static final byte[] ID_BYTES = ID.getBytes(Charset.forName("UTF-8"));
    private final int cornerRadius;
    public RoundedCornersTransformation(int cornerRadius) {
        this.cornerRadius = cornerRadius;
    }
    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return roundCorners(pool, toTransform, outWidth, outHeight, cornerRadius);
    }
    @Override
    public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {
        messageDigest.update(ID_BYTES);
    }
    private static Bitmap roundCorners(BitmapPool pool, Bitmap source, int outWidth, int outHeight, int radius) {
        Bitmap result = pool.get(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        }
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        float w = source.getWidth();
        float h = source.getHeight();
        float scale = Math.min(w / outWidth, h / outHeight);
        float roundPx = radius;
        paint.setAntiAlias(true);
        canvas.drawARGB(255, 255, 255, 255);
        paint.setColorFilter(null);
        paint.setAlpha(255);
        paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
        canvas.drawCircle(w / 2, h / 2, (Math.min(w, h) / 2) roundPx, paint);
        return result;
    }
}

上述代码定义了一个名为RoundedCornersTransformation的自定义变换类，它继承自BitmapTransformation，在这个类中，我们重写了transform方法来实现对图片的圆角处理。

3. 使用Glide加载并应用自定义Transformation

我们在Activity或Fragment中使用Glide加载图片并应用我们的自定义Transformation，以下是一个示例：

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.resource.bitmap.RoundedCornersTransformation;
import com.example.myapplication.R;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView imageView = findViewById(R.id.imageView);
        String imageUrl = "https://your-image-url.com/image.jpg"; // 替换为你的图片URL
        // 使用自定义的RoundedCornersTransformation
        Glide.with(this)
                .load(imageUrl)
                .transform(new RoundedCornersTransformation(20)) // 设置圆角半径为20dp
                .into(imageView);
    }
}

在这个示例中，我们使用Glide加载一张网络图片，并通过transform方法应用我们的RoundedCornersTransformation，设置圆角半径为20dp，最终显示在ImageView中的图片将会是带有圆角的效果。

圆形图片处理

要将图片处理成圆形，可以使用Glide提供的circleCrop()方法，以下是一个示例：

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.request.RequestOptions;
import com.example.myapplication.R;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView imageView = findViewById(R.id.imageView);
        String imageUrl = "https://your-image-url.com/image.jpg"; // 替换为你的图片URL
        // 使用circleCrop()方法将图片处理成圆形
        RequestOptions options = new RequestOptions()
                .placeholder(R.mipmap.ic_launcher_round) // 设置占位图
                .error(R.mipmap.ic_launcher) // 设置错误图
                .circleCrop(); // 设置圆形变换
        Glide.with(this)
                .load(imageUrl)
                .apply(options)
                .into(imageView);
    }
}

在这个示例中，我们使用了RequestOptions来配置加载图片时的选项，包括占位图、错误图以及圆形变换，通过调用circleCrop()方法，我们将图片处理成了圆形，最终显示在ImageView中的图片将会是圆形的效果。

四、归纳与展望

本文介绍了如何在Android中使用Glide库对不同大小的图片进行圆角和圆形处理，通过自定义BitmapTransformation和使用Glide提供的circleCrop()方法，我们可以方便地实现这些效果，希望本文对你有所帮助！

以上内容就是解答有关“Android将Glide不同大小的图片切圆角与圆形”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。