Android 开发框架系列 glide-transformations 图片处理基本使用

首先简单的介绍一下Gilde作用范围。Gilde功能十分强大，它可以实现图片处理、图片本地加载、图片网络加载、位图加载、图片内存缓存、图片磁盘缓存、Gif图片加载。使用简单轻松，轻松的后是它强大的心，它帮你解决了http、输入输出流、图片缓存管理、批量加载线程管理、图片处理。

另外，因为Gilde更新了很多年了，所以部分之前的使用方式已经被作者修改，所以本人重新整理了一些基本使用：

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

1.基本使用

基本形式：先with()：添加上下文或者activity

再load()：要加载的图片资源

最后into() ：要添加图片的View

2.加载网络图片

   /**

    * 加载网络图片

    * 基本形式 先with()，再load()，最后into()

    */

    mImage = (ImageView)findViewById(R.id.image);

    Glide.with(this)

        .load("https://s0.52poke.wiki/wiki/thumb/4/4f/120Staryu.png/300px-120Staryu.png")

        .into(mImage);

3.加载本地图片

    /**

     * 从本地加载图片

     */

     Glide.with(this)

        .load(getDrawable(R.mipmap.ic_image_one))

        .into(mImage);

4.设置占位图、设置异常图片、缓存方式

DiskCacheStrategy.SOURCE 只缓存图像原图
DiskCacheStrategy.NONE 不做磁盘缓存
DiskCacheStrategy.RESULT 只缓存加载后的图像，即处理后最终显示时的图像
DiskCacheStrategy.ALL 缓存所有版本的图像（默认行为）

                /**

                 * 设置占位图、设置异常图片、缓存方式

                 *

                 * 占位图=图片如果还没加载出来,先显示占位图

                 * 异常图=图片如果加载失败，显示异常图

                 */

                RequestOptions options = new RequestOptions();

                options.placeholder(R.drawable.ic_no_image)//占位图

                .error(R.drawable.ic_no_image)//异常图

                .diskCacheStrategy(DiskCacheStrategy.NONE);//为了让占位图显示,我们设置不缓存图片

                Glide.with(this)

                        .load("https://s0.52poke.wiki/wiki/thumb/f/f" +

                                "b/143Snorlax.png/300px-143Snorlax.png")

                        .apply(options)

                        .into(mImage);

5.加载gif格式的图片

    /**

    * Glide支持加载gif格式的图片

    */

    Glide.with(this)

        .load("https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/" +

           "w%3D268/sign=fdccc8cb23381f309e198aaf91034c" +

           "67/21a4462309f79052fbc1bdcd07f3d7ca7acbd563.jpg")

        .into(mImage);

6.只加载静态图片

	/**

	* 设置静态图片（将图片只加载成静态图,如果加载的是gif图片,那么只取gif的第一帧）

	*/

	Glide.with(this)

	.asBitmap()//设置静态图片

	.load("https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/" +

		"w%3D268/sign=fdccc8cb23381f309e198aaf" +

		"91034c67/21a4462309f79052fbc1bdcd07f3d7ca7acbd563.jpg")

	.into(mImage);

7.修改图片尺寸大小

	/**

	* 指定图片的大小

	*/

	RequestOptions options1 = new RequestOptions();

	options1.override(200,200);

	Glide.with(this)

		.load("https://s0.52poke.wiki/wiki/thumb/d/" +

				"da/041Zubat.png/300px-041Zubat.png")

		.apply(options1)

		.into(mImage);

8.取消图片自动修改

	/**

	* Glide 是会自动处理图片,将网络加载来的图片（就算是小图片）,自动放大填满整个ImageView

	* 我们试试取消这个自动处理,有2种方法：

	* 第一种：options2.dontTransform();//不要图片处理

	* 第二种：options2.override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)//将尺寸设置为图片原始状态

	* 注意！第一种方法会导致所有的图片处理都失效.

	*/

	RequestOptions options2 = new RequestOptions();

	options2.dontTransform();//不要图片处理

	Glide.with(this)

		.load("https://s0.52poke.wiki/wiki/thumb/0/" +

				"0c/042Golbat.png/300px-042Golbat.png")

		.into(mImage);

9.以图片中心点裁剪图片

	/**

	* CenterCrop 自动裁剪大图片的图片中心

	*

	* 这里我们引入一个Glide作者 最新提供的设置图片方法MultiTransformation多重设置.

	* 功能部分与RequestOptions一致

	*/

	//RequestOptions options3 = new RequestOptions();//依然可以使用RequestOptions方法

	//options3.centerCrop();

	MultiTransformation mation1 = new MultiTransformation(new CenterCrop());

	Glide.with(this)

		.load("http://image13.m1905.cn/uploadfile" +

				"/2017/0303/20170303104652678276.jpg")

		.apply(RequestOptions.bitmapTransform(mation1))

		//.apply(options3)

		.into(mImage);

10.以图片中心缩小图片

	/**

	* FitCenter 以图片中心缩小图片,使它可以放入自定大小的ImageView

	*/

	MultiTransformation mation2 = new MultiTransformation(new FitCenter());

	Glide.with(this)

		.load("http://image13.m1905.cn/uploadfile/2017/0303/20170303104652678276.jpg")

		.apply(RequestOptions.bitmapTransform(mation2))

		.into(mImage);

11.将图片裁剪成圆形

	/**

	* CircleCrop() 图片裁剪成圆形

	*/

	MultiTransformation mation3 = new MultiTransformation(new CircleCrop());

	Glide.with(this)

		.load("https://timgsa.baidu.com/timg?image&quality=80&size=" +

				"b9999_10000&sec=1535109039215&di=1be2c385a8b5b3edfa526cba" +

				"ab4da880&imgtype=0&src=http%3A%2F%2Fi1.hdslb.com%2Fbfs%2Far" +

				"chive%2Fc6de860ae8a75efbd3153b04ca2f4f08d093e596.jpg")

		.apply(RequestOptions.bitmapTransform(mation3))

		.into(mImage);

12.模糊图片

	/**

	* new BlurTransformation() 模糊图片,参数为模糊度

	*

	* 注意： RequestOptions options5 = new RequestOptions();

	*       options5.bitmapTransform(new BlurTransformation()); 设置无效,可能作废

	*/

	MultiTransformation mation4 = new MultiTransformation(new BlurTransformation(90));

	Glide.with(this)

		.load("https://timgsa.baidu.com/timg?image&quality=80&size=" +

				"b9999_10000&sec=1535109039215&di=1be2c385a8b5b3edfa526cba" +

				"ab4da880&imgtype=0&src=http%3A%2F%2Fi1.hdslb.com%2Fbfs%2Far" +

				"chive%2Fc6de860ae8a75efbd3153b04ca2f4f08d093e596.jpg")

		.apply(RequestOptions.bitmapTransform(mation4))

		.into(mImage);

13.黑白图片

	/**

	* new GrayscaleTransformation() 黑白化图片

	*/

	Glide.with(this)

		.load("https://media.52poke.com/wiki/7/79/138Omanyte.png")

		.apply(RequestOptions.bitmapTransform(new MultiTransformation<Bitmap>(new GrayscaleTransformation())))

		.into(mImage);

14.色彩过滤

	/**

	* 色彩过滤

	*/

	Glide.with(this)

		.load("https://media.52poke.com/wiki/8/84/101Electrode.png")

		.apply(RequestOptions.bitmapTransform(new MultiTransformation<Bitmap>(new ColorFilterTransformation(R.color.color))))

		.into(mImage);

15.将图片裁剪成圆角矩形

	/**

	* 圆角图片 new RoundedCornersTransformation 参数为 ：半径 , 外边距 , 圆角方向(ALL,BOTTOM,TOP,RIGHT,LEFT,BOTTOM_LEFT等等)

	*/

	MultiTransformation mation5 = new MultiTransformation(

		new RoundedCornersTransformation(200,0,RoundedCornersTransformation.CornerType.ALL));

	Glide.with(this)

		.load("https://timgsa.baidu.com/timg?image&quality=80&size" +

				"=b9999_10000&sec=1535108931327&di=d17318883b94e33c2be0e2" +

				"f440b869ed&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcom" +

				"munity%2F012aa7586f9812a8012060c84ede5b.jpg%40900w_1l_2o_100sh.jpg")

		.apply(RequestOptions.bitmapTransform(mation5))

		.into(mImage);

16.关于RequestOptions 与 MultiTransformation 的组合使用

	/**

	* 关于RequestOptions 与 MultiTransformation 的组合使用

	*/

	MultiTransformation mation6 = new MultiTransformation(new GrayscaleTransformation(),

		new RoundedCornersTransformation(200,0,RoundedCornersTransformation.CornerType.ALL));

	RequestOptions options3 = new RequestOptions();

	options3.transform(mation6)

	.placeholder(R.drawable.ic_no_image)

	.fallback(R.drawable.ic_no_image)

	.error(R.drawable.ic_no_image);

	Glide.with(this)

		.load("https://media.52poke.com/wiki/a/a7/098Krabby.png")

		.apply(options3)

		.into(mImage);

17.清除内存

	/**

	 *  清除内存

	 */

	Glide.get(this).clearMemory();//清除内存

AppGlideModule 用法

在glide4中引入 glideApp，通过annotation将option封装自动生成代码。

第一步必须自定义一个module 继承于AppGlideModule。

@GlideModule

public final class MyGlideModule extends AppGlideModule {

}

注意： AppGlideModule实现必须始终与@GlideModule注释一起出现.如果注释不存在，则该模块将不会被发现。重新编译，会自动生成代码，后面可用GlideApp.with() 代替Glide.with()

1、设置手机默认推荐缓存大小。MemorySizeCalculator类通过考虑设备给定的可用内存和屏幕大小想出合理的默认大小.

/**

 * MemorySizeCalculator类通过考虑设备给定的可用内存和屏幕大小想出合理的默认大小.

 * 通过LruResourceCache进行缓存。

 * @param context

 * @param builder

 */

@Override

public void applyOptions(Context context, GlideBuilder builder) {

    MemorySizeCalculator calculator = new MemorySizeCalculator.Builder(context)

            .setMemoryCacheScreens(2)

            .build();

    builder.setMemoryCache(new LruResourceCache(calculator.getMemoryCacheSize()));

}

2、自定义内存缓存大小



/**

 * 自定义缓存大小.

 * @param context

 * @param builder

 */

@Override

public void applyOptions(Context context, GlideBuilder builder) {

    int memoryCacheSizeBytes = 1024 * 1024 * 20; // 20mb

    builder.setMemoryCache(new LruResourceCache(memoryCacheSizeBytes));

}

3、Disk Cache.自定义内置磁盘缓存大小

/**

 * Disk Cache.自定义内置磁盘缓存大小.

 * @param context

 * @param builder

 */

@Override

public void applyOptions(Context context, GlideBuilder builder) {

    int diskCacheSizeBytes = 1024 * 1024 * 100; // 100 MB

    builder.setDiskCache(new InternalCacheDiskCacheFactory(context, diskCacheSizeBytes));

}

4、Disk Cache.自定义内置磁盘缓存大小并指定路径.

/**

 * Disk Cache.自定义内置磁盘缓存大小并指定路径.

 * @param context

 * @param builder

 */

@Override

public void applyOptions(Context context, GlideBuilder builder) {

    int diskCacheSizeBytes = 1024 * 1024 * 100; // 100 MB

    builder.setDiskCache(

            new InternalCacheDiskCacheFactory(context, "cacheFolderName", diskCacheSizeBytes));

}

5、Disk Cache.自定义外置磁盘缓存大小并指定路径.

/**

 * Disk Cache.自定义外置磁盘缓存大小并指定路径.

 * @param context

 * @param builder

 */

@Override

public void applyOptions(Context context, GlideBuilder builder) {

    int diskCacheSizeBytes = 1024 * 1024 * 100; // 100 MB

    builder.setDiskCache(

            new ExternalCacheDiskCacheFactory(context, "cacheFolderName", diskCacheSizeBytes));

}

isManifestParsingEnabled 设置清单解析，设置为false，避免添加相同的modules两次

@Override

public boolean isManifestParsingEnabled() {

    return false;

}

清除缓存

/**

 * 清除内存缓存.

 */

private void clearMemoryCache(){

    // This method must be called on the main thread.

    Glide.get(this).clearMemory();

}

/**

 * 清除磁盘缓存.

 */

private void clearDiskCache(){

    new AsyncTask<Void,Void,Void>(){

        @Override

        protected Void doInBackground(Void... params) {

            // This method must be called on a background thread.

            Glide.get(getApplicationContext()).clearDiskCache();

            return null;

        }

    };

}