GVKun编程网logo

android-使用Glide库从应用程序资产加载图像

15

在这篇文章中,我们将带领您了解android-使用Glide库从应用程序资产加载图像的全貌,同时,我们还将为您介绍有关AndroidApp中使用Glide加载图片的教程、AndroidGlide加载图

在这篇文章中,我们将带领您了解android-使用Glide库从应用程序资产加载图像的全貌,同时,我们还将为您介绍有关Android App中使用Glide加载图片的教程、Android Glide加载图片文件应用叠加并设置为imageview、Android Glide加载图片显示不全、android Glide加载图片缓存重复问题解决的知识,以帮助您更好地理解这个主题。

本文目录一览:

android-使用Glide库从应用程序资产加载图像

android-使用Glide库从应用程序资产加载图像

我将当前的项目从毕加索切换到了Glide.但是,我无法设法从应用程序资产加载图像.那有可能吗?

样例代码:

String assetPath = "file:///android_asset/flags/FR.jpg";
Glide.with(getContext())
            .load(Uri.parse(assetPath))
            .placeholder(missingFlagDrawable)
            .centerCrop()
            .crossFade()
            .into(flag);

我还尝试了load(String)方法,但没有成功,而且我看不到load方法采用了AssetManager类可以获得的InputStream或FileDescriptor.

毕加索使用的是完全相同的代码.

Glide在该应用程序的其余部分中正常工作,并且可以很好地加载远程图像.

解决方法:

与Glide.with(xxx).load(xxx).asBitmap()一起使用

如GitHub issue I had opened at the time中所述,我遇到了这个问题.

Android App中使用Glide加载图片的教程

Android App中使用Glide加载图片的教程

与其他图片加载库相同,Glide除了可以加载网络图片之外,也可以加载本地图片。甚至还可以从各种各样奇葩的数据源中加载图片。

加载网络图片
很多情况下,我们使用图片加载库就是为了加载网络图片。网络操作是一个很复杂的东西。试想一下,如果没有图片加载库,我们就要手动去下载图片,缓存图片,最后再从文件里面读取bitmap并设置到Imageview里面。这还算好的,要是在Listview里面你会更头疼的。原因我就不说了,你懂的~~再加上各种各样的Bitmap操作,保准你再也不想撸代码了。而且Bitmap这东西还很占内存,伺候不好,很容易就会引发OOM,app吧唧就闪退了!!

图片加载库的优势就在于此。简简单单一句话,下载,缓存,加载统统搞定。简直就是美好一生的东西。而Glide就是这样使人美好一生的东西之一。

说了这么多,Glide如何加载网络图片?很简单,就上次的三句话:

ImageView targetimageView = (ImageView) findViewById(R.id.imageView);
String internetUrl = "http://i.imgur.com/idojSYm.png";
Glide
  .with(context)
  .load(internetUrl)
  .into(targetimageView);

木有什么乱七八糟的东西,直接传入要加载图片的url就可以了。那么图片加载库有很多,为什么选择Glide呢?很简单,因为它流畅,不卡,尤其是在Listview中。嗯,就是酱~

加载本地图片
下表是.load()可以传入的参数及说明

参数 说明
.load(String string) string可以为一个文件路径、uri或者url
.load(Uri uri) uri类型
.load(File file) 文件
.load(Integer resourceId) 资源Id,R.drawable.xxx或者R.mipmap.xxx
.load(byte[] model) byte[]类型
.load(T model) 自定义类型

从上面可以看到Glide不仅可以加载网络图片,还可以加载本地图片。可接受的参数有文件路径,uri,文件,资源id等。基本上满足了大部分的需求。虽然加载本地图片不像网络图片那样复杂,但我还是建议使用Glide来加载本地图片。因为它是内存友好的,而且还会“偷偷地”帮我们做很多事情。比如内存缓存,Bitmap复用,修正照片方向等。当然为了满足各种各样的需求,仅仅加载图片是不够的,你还需要对图片进行各种各样的变换,也就是Transformation。后面我们会详细了解的。

加载自定义数据源
前面的表格中有一个是我们不熟悉的,就是.load(T model),即自定义的数据源类型。那么如何去实现呢?

实际上,加载自定义数据源主要是通过ModelLoader接口来实现的。由于没有在实际项目中用到过,这方面的经验比较少。

不过从官方Wiki上来看,设计ModelLoader接口的初衷用来加载不同尺寸的图片的。众所周知,Android设备屏幕分辨率千奇百怪,大到2K,小到320p。如果在低分辨率的手机上加载大图,不仅损耗用户流量,而且很容易造成OOM;在高分辨的手机上,加载小图又会出现模糊的情况,用户体验极差。很多时候,为了省事,很多app都会选择一个中间分辨率,然后自适应大小。当然这样做无可厚非,但是有更好的办法,我们为什么不去尝试呢?

那么如何使用Glide来实现这一具体需求呢?首先你要实现自己的ModelLoader,比较简单的方法是继承BaseGlideUrlLoader。

public interface MyDataModel {
  public String buildUrl(int width,int height);
} 
public class MyUrlLoader extends BaseGlideUrlLoader<MyDataModel> {
  @Override
  protected String getUrl(MyDataModel model,int width,int height) {
    // Construct the url for the correct size here.
    return model.buildUrl(width,height);
  }
}

接下来我们可以这样来加载图片:

Glide.with(this)
   .using(new MyUrlLoader(this))
   .load(new MyDataModel() {
     @Override
     public String buidUrl(int width,int height) {
       if (width >= 600) {
         return url1;
       } else {
         return url2;
        }
     }
   })
   .into(imageView);

(1).using(new MyUrlLoader(this)):使用我们自己的ModeLoader;
(2).load(new MyDataModel()):加载我们自定义的数据源

这里需要解释下getUrl的三个参数:
(1)model:你加载的数据源
(2)width:你加载的图片的宽度(px)
(3)height:你加载的图片的高度(px)

这样,我们在高分率的设备上加载大图的url1,在低分辨率的设备上加载小图url2。从而实现了根据不同手机上的像素值大小加载不同尺寸的图片的需求。

当然如果你不想每次都是用.using(new MyUrlLoader()),就需要实现一个自定义的ModelLoaderFactory并在GlideModule中注册。

public class MyGlideModule implements GlideModule {
  ...
  @Override
  public void registerComponents(Context context,Glide glide) {
    glide.register(MyDataModel.class,InputStream.class,new MyUrlLoader.Factory());
  }
}

同时也要在AndroidManifest.xml声明

<Meta-data
  android:name="com.mypackage.MyGlideModule"
  android:value="GlideModule" />

如果你有多个自定义的GlideModule类,那么也要在AndroidManifest.xml中声明多个GlideModule。

在服务端有下面的几个可以加载的url:

URL 图片大小
myserver.com/images/__w-200-400-600-800-1000__/session1.jpg 原始尺寸
myserver.com/images/w200/session1.jpg 200px
myserver.com/images/w400/session1.jpg 400px
myserver.com/images/w600/session1.jpg 600px
myserver.com/images/w800/session1.jpg 800px
myserver.com/images/w1000/session1.jpg 1000px

那么客户端如何根据不同的手机分辨率去加载不同的url呢?

Google是这样做的,下面是核心代码:

//定义正则表达式
private static final Pattern PATTERN =
   Pattern.compile("__w-((?:-?\\d+)+)__");

@Override
protected String getUrl(String model,int height) {
  Matcher m = PATTERN.matcher(model);
  int bestBucket = 0;
  if (m.find()) {
    String[] found = m.group(1).split("-");//拿到可以加载的尺寸数组
    for (String bucketStr : found) {
      bestBucket = Integer.parseInt(bucketStr);
      if (bestBucket >= width) {//刚好大于要加载的尺寸,直接跳出循环
        // the best bucket is the first immediately
        // bigger than the requested width
        break;
      }
    }
    if (bestBucket > 0) {//返回合适尺寸的url
      model = m.replaceFirst("w"+bestBucket);
    }
  }
  return model;
}

大概的步骤如下:
1.根据服务端可加载的图片url定义正则表达式
2.根据正则匹配,获取到可以加载的图片尺寸数组
3.根据要加载的Imageview的大小,选择合适的尺寸的url
4.拼接url并返回

上面的例子中有200,400,600,800,1000是可以加载的,如果你要加载的Imageview的大小为600px,当遍历数组到600时,就会直接跳出循环,返回600px大小图片的url,Glide就会加载600px的图片。

异常调试
在Glide加载图片过程中出现异常时,默认是没有log输出的。但是Glide给开发者提供了两种方法来查看或者响应这些异常。
1.调试
为了在异常发生时可以看到它们,你可以打开Glide中处理所有媒体加载响应的类GenericRequest的log开关。很简单,在命令行运行下面的指令即可:

adb shell setprop log.tag.GenericRequest DEBUG

如果你将DEBUG替换为VERBOSE,还可以看到详细的请求时间日志。
如果你想禁用log输出,执行:

adb shell setprop log.tag.GenericRequest ERROR

2.调试工作流

2016427154541538.jpg (550×181)

为了查看Glide内部引擎是何时、如何加载图片的,你可以启用这些log:

adb shell setprop log.tag.Engine VERBOSE
adb shell setprop log.tag.EngineJob VERBOSE
adb shell setprop log.tag.DecodeJob VERBOSE

启用这些log可以帮助你了解到为什么某些资源没有从内存中加载?为什么从外部url加载要重新下载数据?同时这也有助于了解在磁盘缓存时哪些参数需要配置。启用DecodeJob log还可以帮助你了解自定义变换/解码器/编码器等相关问题。
3.请求监听器
虽然启动调试日志很简单,但前提是你可以访问到设备。为了完善Glide已存在或更复杂的错误日志系统,你可以使用RequestListener类。当加载请求失败时onException()方法就会被调用,并给出造成失败的异常或者null(在解码器无法从它获取到的数据中解码出任何有用的东西时)。你可以通过listener() API为每一个请求添加一个监听器。
确保onException()方法的返回值为false,避免覆盖Glide默认的错误处理(比如加载失败的错误图片占位)。
这里有一个实现快速调试的列子:

// 示例: .listener(new LoggingListener<String,GlideDrawable>()) 
public class LoggingListener<T,R> implements RequestListener<T,R> {
  @Override public boolean onException(Exception e,Object model,Target target,boolean isFirstResource) {
    android.util.Log.d("GLIDE",String.format(Locale.ROOT,"onException(%s,%s,%s)",e,model,target,isFirstResource),e);
    return false; 
  } 
  @Override public boolean onResourceReady(Object resource,boolean isFromMemoryCache,"onResourceReady(%s,resource,isFromMemoryCache,isFirstResource));
    return false; 
  } 
}

Android Glide加载图片文件应用叠加并设置为imageview

Android Glide加载图片文件应用叠加并设置为imageview

我有图像文件(png / jpg).当加载到列表视图时,其中一些我需要覆盖另一个透明图像.我使用以下方法进行此操作:

public Bitmap applyOverlay(Context context, Bitmap sourceImage, int overlayDrawableResourceId){
        Bitmap bitmap = null;
        try{
            int width = sourceImage.getWidth();
            int height = sourceImage.getHeight();
            Resources r = context.getResources();
            Drawable imageAsDrawable = new BitmapDrawable(r, sourceImage);
            Drawable[] layers = new Drawable[2];
            layers[0] = imageAsDrawable;
            layers[1] = new BitmapDrawable(r, BitmapUtils.decodeSampledBitmapFromresource(r, overlayDrawableResourceId, width, height));
            LayerDrawable layerDrawable = new LayerDrawable(layers);            
            bitmap = BitmapUtils.drawabletoBitmap(layerDrawable);
        }catch (Exception ex){}
        return bitmap;
    }

其中BitmapUtils是一个实现类的按位方法的自定义类.

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;
import android.media.ThumbnailUtils;
import android.widget.ImageView;
import java.io.ByteArrayOutputStream;
import java.io.File;

public class BitmapUtils {

    public static Bitmap applyOverlay(Context context, Bitmap sourceImage, int overlayDrawableResourceId){
        Bitmap bitmap = null;
        try{
            int width = sourceImage.getWidth();
            int height = sourceImage.getHeight();
            Resources r = context.getResources();
            Drawable imageAsDrawable = new BitmapDrawable(r, sourceImage);
            Drawable[] layers = new Drawable[2];
            layers[0] = imageAsDrawable;
            layers[1] = new BitmapDrawable(r, BitmapUtils.decodeSampledBitmapFromresource(r, overlayDrawableResourceId, width, height));
            LayerDrawable layerDrawable = new LayerDrawable(layers);
            bitmap = BitmapUtils.drawabletoBitmap(layerDrawable);
        }catch (Exception ex){}
        return bitmap;
    }

    public static Bitmap drawabletoBitmap(Drawable drawable) {
        Bitmap bitmap = null;

        if (drawable instanceof BitmapDrawable) {
            BitmapDrawable bitmapDrawable = (BitmapDrawable) drawable;
            if(bitmapDrawable.getBitmap() != null) {
                return bitmapDrawable.getBitmap();
            }
        }

        if(drawable.getIntrinsicWidth() <= 0 || drawable.getIntrinsicHeight() <= 0) {
            bitmap = Bitmap.createBitmap(1, 1, Bitmap.Config.ARGB_8888); // Single color bitmap will be created of 1x1 pixel
        } else {
            bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
        }

        Canvas canvas = new Canvas(bitmap);
        drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
        drawable.draw(canvas);
        return bitmap;
    }

    static Bitmap decodeSampledBitmapFromresource(Resources res, int resId, int reqWidth, int reqHeight){
        // First decode with inJustDecodeBounds=true to check dimensions
        final BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(res, resId, options);

        // Compute inSampleSize
        options.inSampleSize = computeInSampleSize(options, reqWidth, reqHeight);

        // Decode bitmap with inSampleSize set
        options.inJustDecodeBounds = false;
        return BitmapFactory.decodeResource(res, resId, options);
    }
}

使用适用于Android(UIL)的Universal Image Loader库,可以通过编写自定义imagedecoder并将其应用于ImageLoaderConfiguration来实现此效果.
问题是,如何使用Glide做到这一点?
 谢谢.

解决方法:

对我有用的东西:
我使用以下答案:https://stackoverflow.com/a/33709650/3106975

public void display(final Context context, String mediaPath, final ImageView imageView, final boolean doApplyOverlay){
        try{                
                Glide.with(context)
                        .load(mediaPath)
                        .asBitmap()
                        .placeholder(R.drawable.placeholder_default)
                        .error(R.drawable.error_default)
                        .diskCacheStrategy(diskCacheStrategy.ALL)
                        .into(new SimpleTarget<Bitmap>() {
                            @Override
                            public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                                if (doApplyOverlay) {
                                    resource = BitmapUtils.applyOverlay(context, resource, R.drawable.overlay);
                                }
                                imageView.setimageBitmap(resource);
                            }
                        });    
        }catch (Exception ex){}
    }

因此,要在向用户显示之前加载位图并与其进行交互,您需要实现一个自定义目标并在其中进行交互. Glide提供的SimpleTarget类实现了Target接口并允许这种事情.有关更多信息,您可以访问以下页面的Glide的CustomTargets Wiki页面:https://github.com/bumptech/glide/wiki/Custom-targets

Android Glide加载图片显示不全

Android Glide加载图片显示不全

我用Glide加载图片,第一次如果网速慢的话,会出现这种图片只加载一部分的情况,以后不管网速好坏 图片会一直保持这样,重新打开app也一样。只有卸载了重装才可以

android Glide加载图片缓存重复问题解决

android Glide加载图片缓存重复问题解决

1、想要重新加载图片

(URL没变,图片变了)

2、发现无法重新加载,以为是有缓存的原因

于是使用clear(view),但是只能清除控件上的图片,并不能真的清除缓存
又使用clearMemory(),还是不行
又使用clearDiskCache(),出现报错,提示要在background thread后台线程中调用,卧槽….
最后在Stack Overflow找到方法,如下

Glide.with(this)
.load(URL)
.signature(new StringSignature(UUID.randomUUID().toString())) // 重点在这行
.error(R.mipmap.ic_launcher)
.into(setting_face_img);

3、原因

Glide中的图片缓存key的生成是通过一个散列算法来实现的,所以很难手动去删除指定的图片缓存
Glide的图片缓存都有对应的唯一标识符,如果是相同的,就不加载调用缓存
不过改变标识符很困难,所以Glide提供signature()方法,来附加一个数据到缓存key中

如果链接是文件,就用StringSignature,
比如.signature(nre StringSignature(yourVersionMetadata)).
如果链接是多媒体,就用MediaStoreSignature,
比如.signature(new MediaStoreSignature(mimeType, dateModified, orientation))

我们今天的关于android-使用Glide库从应用程序资产加载图像的分享已经告一段落,感谢您的关注,如果您想了解更多关于Android App中使用Glide加载图片的教程、Android Glide加载图片文件应用叠加并设置为imageview、Android Glide加载图片显示不全、android Glide加载图片缓存重复问题解决的相关信息,请在本站查询。

本文标签: