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

其他 2018-08-29 18:26:29 阅读次数: 0

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

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

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.设置占位图、设置异常图片、缓存方式

  1. DiskCacheStrategy.SOURCE 只缓存图像原图
  2. DiskCacheStrategy.NONE 不做磁盘缓存
  3.  DiskCacheStrategy.RESULT 只缓存加载后的图像，即处理后最终显示时的图像
  4. 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;
        }
    };
}

猜你喜欢

转载自blog.csdn.net/qq_37217804/article/details/82023500
今日推荐
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
国产云输入法——仅华为无云端数据上传安全问题
开源日报 | 工业开源项目OGG 1.0；姐姐，你要和我一起配置火狐吗；苹果AI遥遥落后？Fedora 40
开放签电子签章：停止新增，优化体验，前进更进（五一假期前工作）
开源日报 | 中学生开源前端动画引擎；全球首个Llama3 8B中文版开源模型；联想电脑恐出局；Linus讽刺AI炒作
周排行
浏览器对同一域名进行请求的最大并发连接数
React Hook之自定义Hook
【转】MyBatis缓存机制
-Java-泛型
自动化测试常用脚本-发送邮件
LeetCode#859: Buddy Strings
java、Python处理字符串
第二篇の博客
Hadoop伪分布式环境安装
SQL Server进阶（十一）临时表、表变量
每日归档
更多
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)
2024-04-21(0)
2024-04-20(6)
2024-04-19(5)
2024-04-18(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022