前言
近期研究了一下Glide的图片加载框架,在这里和大家分享一下。由于代码研读有限,难免有错误的地方,了解的童鞋还望指正。学习小组QQ群: 193765960。
本篇是Glide框架及源码解析的第五篇,主要是总结记录Glide的一些使用技巧(会持续更新)。如果这篇文章对大家学习Glide有帮助,还望大家多多转载。
版权归作者所有,如有转发,请注明文章出处:https://xiaodanchen.github.io/archives/
相关文章:
跟着源码学设计:Glide框架及源码解析(一)
跟着源码学设计:Glide框架及源码解析(二)
跟着源码学设计:Glide框架及源码解析(三)
跟着源码学设计:Glide框架及源码解析(四)
跟着源码学设计:Glide框架及源码解析(五)
显示拍照或者相册中的照片:Uri
1
| Glide.with(this).load(uri).into(im_car_pic);
|
将资源转换成base64数据
1 2 3 4 5 6 7 8
| import android.util.Base64; ...... Glide.with(this).load(datastr).asBitmap().toBytes().into(new SimpleTarget<byte[]>(320,150) { @Override public void onResourceReady(byte[] bytes, GlideAnimation<? super byte[]> arg1) { String base64Data = Base64.encodeToString(bytes, Base64.DEFAULT); } });
|
Glide动态加载本地base64或者服务器URL
在设置图片时,我们往往需要将本地图片转换成base64上传服务器,服务器再将base64解析成图片,将服务器中图片的URL返回给移动端。
这时候要考虑异步显示:假如本地只保存了base64数据(服务器尚未返回或者断网状态下),我们要求存储的图片资源也要能够显示。
基本的思路有两种,根据实际的需求来选择。
- 1,将选取的图片保存成本地的图片(文件),数据库中保存的是本地的路径,根据本地路径显示
- 2,数据库中保存的就是base64数据,根据base64显示
第一种很好实现,在此处不再记录。
第二种方案如下:
1 2 3 4 5 6 7 8 9
| if(!TextUtils.isEmpty(car.getCarpic())){ if(car.getCarpic().startsWith("http")){ Glide.with(this).load(car.getCarpic()).into(im_car_pic); }else{ Glide.with(this).load(Base64.decode(car.getCarpic(), Base64.DEFAULT)).into(im_car_pic); } }
|
Gson 数据转换成json字符串时,默认会对一些特殊字符进行转义
这种情况下,如果服务器存在对Json数据的验证就会导致服务器端进行签名验证不会通过。
比如图片的base64数据,其末尾=\n处的=会被转义为\u003d,这时候如果对数据进行签名验证就会失败。
具体的字符串转义情况大致如下:
1 2 3 4 5 6 7 8 9 10 11 12 13
| REPLACEMENT_CHARS['"'] = "\\\""; REPLACEMENT_CHARS['\\'] = "\\\\"; REPLACEMENT_CHARS['\t'] = "\\t"; REPLACEMENT_CHARS['\b'] = "\\b"; REPLACEMENT_CHARS['\n'] = "\\n"; REPLACEMENT_CHARS['\r'] = "\\r"; REPLACEMENT_CHARS['\f'] = "\\f"; HTML_SAFE_REPLACEMENT_CHARS = REPLACEMENT_CHARS.clone(); HTML_SAFE_REPLACEMENT_CHARS['<'] = "\\u003c"; HTML_SAFE_REPLACEMENT_CHARS['>'] = "\\u003e"; HTML_SAFE_REPLACEMENT_CHARS['&'] = "\\u0026"; HTML_SAFE_REPLACEMENT_CHARS['='] = "\\u003d"; HTML_SAFE_REPLACEMENT_CHARS['\''] = "\\u0027";
|
解决这个问题的方法是:
1
| Gson gson = new GsonBuilder().disableHtmlEscaping().create();
|
Glide加载图片慢?
取消默认的加载动画
1
| Glide.with(this).load(vcar.getCarpic()).dontAnimate().into(im_car_pic);
|
更多用法,持续更新中……