跟着源码学设计：Glide框架及源码解析（五）

2017-10-20 本文已影响28人肖丹晨

前言

近期研究了一下Glide的图片加载框架，在这里和大家分享一下。由于代码研读有限，难免有错误的地方，了解的童鞋还望指正。学习小组QQ群: 193765960。

本篇是Glide框架及源码解析的第五篇，主要是总结记录Glide的一些使用技巧（会持续更新）。如果这篇文章对大家学习Glide有帮助，还望大家多多转载。

版权归作者所有，如有转发，请注明文章出处：http://www.jianshu.com/u/d43d948bef39

显示拍照或者相册中的照片：Uri

Glide.with(this).load(uri).into(im_car_pic);

将资源转换成base64数据

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显示

第一种很好实现，在此处不再记录。
第二种方案如下：

if(!TextUtils.isEmpty(car.getCarpic())){
    //carpic存放的是否是URL资源
    if(car.getCarpic().startsWith("http")){
        Glide.with(this).load(car.getCarpic()).into(im_car_pic);
    }else{
        //当存放的是base64数据时
        Glide.with(this).load(Base64.decode(car.getCarpic(), Base64.DEFAULT)).into(im_car_pic);
    }
}

Gson 数据转换成json字符串时，默认会对一些特殊字符进行转义

这种情况下，如果服务器存在对Json数据的验证就会导致服务器端进行签名验证不会通过。
比如图片的base64数据，其末尾=\n处的=会被转义为\u003d，这时候如果对数据进行签名验证就会失败。
具体的字符串转义情况大致如下：

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";

解决这个问题的方法是：

Gson gson = new GsonBuilder().disableHtmlEscaping().create();

Glide加载图片慢？

取消默认的加载动画

Glide.with(this).load(vcar.getCarpic()).dontAnimate().into(im_car_pic);

更多用法，持续更新中......