图片加载框架（一）:Glide

Android上两个常用并且简单的图片加载框架 Picasso和Glide ，今天对Glide做一下简单的使用方法记录！

Glide导入依赖

dependencies {    compile 'com.github.bumptech.glide:glide:3.5.2'}

1. 网络加载图片

Glide.with(mContext).load(imageUrl).into(mImageView);

2. 网络加载图片时设置等待图片

Glide.with(mContext).load(imageUrl).placeholder(R.mipmap.ic_launcher).into(mImageView);

3. 网络加载图片时失败后设置图片

Glide.with(mContext).load(imageUrl).error(R.mipmap.ic_launcher).into(mImageView);

4. 图片设置缩放

1):使用centerCrop是利用图片图填充ImageView设置的大小，如果ImageView的Height是match_parent则图片就会被拉伸填充。

Glide.with(mContext).load(imageUrl).centerCrop().into(mImageView);

2):使用fitCenter即缩放图像让图像都测量出来等于或小于 ImageView 的边界范围,该图像将会完全显示，但可能不会填满整个ImageView。

Glide.with(mContext).load(imageUrl).fitCenter().into(mImageView);

5. 显示gif动画，asGif()判断是否gif动画

Glide.with(mContext).load(imageUrl).asGif().into(mImageView);

6. 缓存策略

        Glide.with(mContext).load(imageUrl).skipMemoryCache(true).into(mImageView);// 跳过内存缓存        Glide.with(mContext).load(imageUrl).diskCacheStrategy(DiskCacheStrategy.NONE).into(mImageView);// 跳过硬盘缓存

DiskCacheStrategy.NONE 不缓存
DiskCacheStrategy.SOURCE 仅缓存原来的全分辨率的图像
DiskCacheStrategy.SOURCE 仅缓存最终的图像，即降低分辨率后的（或者是转换后的）
DiskCacheStrategy.ALL 缓存所有版本的图像（默认行为）

7. 设置图片加载顺序

Glide.with(mContext).load(imageUrl).priority(Priority.HIGH).into(mImageView);

8. 加载圆形图片和圆角图片

/** * 作者：CoolTone * 描述：GlideRoundTransform 图片圆角加载 */public class GlideRoundTransform extends BitmapTransformation {    private static float radius = 0f;    public GlideRoundTransform(Context context) {        this(context, 4);    }    public GlideRoundTransform(Context context, int dp) {        super(context);        this.radius = Resources.getSystem().getDisplayMetrics().density * dp;    }    @Override    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {        return roundCrop(pool, toTransform);    }    private static Bitmap roundCrop(BitmapPool pool, Bitmap source) {        if (source == null) return null;        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);        if (result == null) {            result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);        }        Canvas canvas = new Canvas(result);        Paint paint = new Paint();        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));        paint.setAntiAlias(true);        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());        canvas.drawRoundRect(rectF, radius, radius, paint);        return result;    }    @Override    public String getId() {        return getClass().getName() + Math.round(radius);    }}

/** * 作者：CoolTone * 描述：GlideRoundTransform 图片圆形加载 */public class GlideCircleTransform extends BitmapTransformation {    public GlideCircleTransform(Context context) {        super(context);    }    @Override    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {        return circleCrop(pool, toTransform);    }    private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {        if (source == null) return null;        int size = Math.min(source.getWidth(), source.getHeight());        int x = (source.getWidth() - size) / 2;        int y = (source.getHeight() - size) / 2;        Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);                Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);        if (result == null) {            result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);        }        Canvas canvas = new Canvas(result);        Paint paint = new Paint();        paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));        paint.setAntiAlias(true);        float r = size / 2f;        canvas.drawCircle(r, r, r, paint);        return result;    }    @Override    public String getId() {        return getClass().getName();    }}

        Glide.with(mContext).load(imageUrl).transform(new GlideRoundTransform(mContext)).into(mImageView);      // 圆角        Glide.with(mContext).load(imageUrl).transform(new GlideRoundTransform(mContext, 10)).into(mImageView);  // 圆角        Glide.with(mContext).load(imageUrl).transform(new GlideCircleTransform(mContext)).into(mImageView);     // 圆形

使用技巧

1. Glide.with(context).resumeRequests() 和 Glide.with(context).pauseRequests()

当列表在滑动的时候，调用pauseRequests()取消请求，滑动停止时，调用resumeRequests()恢复请求。

2. Glide.clear()

当你想清除掉所有的图片加载请求时，这个方法可以帮助到你。

3. ListPreloader

如果你想让列表预加载的话，不妨试一下ListPreloader这个类。

基于Glide的优秀图片加载库

1. https://github.com/wasabeef/glide-transformations

可以做剪切，着色，模糊，滤镜等等多种效果。

2. https://github.com/florent37/GlidePalette

Glide加载时很方便使用Palette的库

文章转载：https://www.cnblogs.com/guilin-hu/p/5706916.html

更多相关文章

随机推荐