Android 加载图片并对图片做裁剪 android加载图片框架

转载

智慧编织者 2025-05-07 08:10:05

文章标签 Android 加载图片并对图片做裁剪 ide 缓存加载 文章分类 Android 移动开发

1.使用Glide结合列表的样式进行图片加载：

(1)如果使用的是ListView，可以直接在Adapter的getView方法中使用：

public View getView(int position, View convertView, ViewGroup parent) {
if (null == convertView) {
// .....
}
Glide.with(context).load(imageUrls[position]).into(holder.imageView);
return convertView;
       }

(2)如果使用的是RecyclerView，可以在Adapter的onBindViewHolder方法中使用:

public void onBindViewHolder(RVViewHolder holder, int position) {
         
         Glide.with(MainActivity.this)
                 .load(args[position])
                 .into(holder.imageView);
     }

(3) 当加载网络图片时，由于加载过程中图片未能及时显示，此时可能需要设置等待时的图片，通过placeHolder()方法:

Glide.with(context).load(UsageExampleListViewAdapter.eatFoodyImages[0])
.placeholder(R.mipmap.ic_launcher) // can also be a drawable
.into(imageViewPlaceholder);

(4) 当加载图片失败时，通过error(Drawable drawable)方法设置加载失败后的图片显示：

Glide.with(context).load("http://futurestud.io/non_existing_image.png")
.error(R.mipmap.future_studio_launcher)
.into(imageViewError);

(5) 图片的缩放，centerCrop()和fitCenter():

// 使用centerCrop是利用图片图填充ImageView设置的大小，如果ImageView的 Height是match_parent则图片就会被拉伸填充
Glide.with(MainActivity.this).load(args[position]).centerCrop()
.into(holder.imageView);

// 使用fitCenter即缩放图像让图像都测量出来等于或小于 ImageView 的边界范围该图像将会完全显示，但可能不会填满整个 ImageView。
Glide.with(MainActivity.this).load(args[position]).fitCenter()
.into(holder.imageView);

(6)显示gif动画:

Glide.with(context).load(gifUrl).asGif() // 判断加载的url资源是否为gif格式的资源
.error(R.drawable.full_cake).into(imageViewGif);

(7)显示本地视:

String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
Glide.with(context).load(Uri.fromFile(new File(filePath)))
.into(imageViewGifAsBitmap);

(8)缓存策略：

Glide  
   .with( context )
   .load( Images[0] )
   .skipMemoryCache( true ) //跳过内存缓存

Glide.with(context).load(images[0])
.diskCacheStrategy(DiskCacheStrategy.NONE) // 跳过硬盘缓存
.into(imageViewInternet);

DiskCacheStrategy.NONE 什么都不缓存
DiskCacheStrategy.SOURCE 仅仅只缓存原来的全分辨率的图像
DiskCacheStrategy.RESULT 仅仅缓存最终的图像，即降低分辨率后的（或者是转换后的）
DiskCacheStrategy.ALL 缓存所有版本的图像（默认行为）

(9) 优先级，设置图片加载的顺序：

Priority.LOW
Priority.NORMAL
Priority.HIGH
Priority.IMMEDIATE

private void loadImageWithHighPriority() {
Glide.with(context).load(mages[0]).priority(Priority.HIGH)
.into(imageViewHero);
}


private void loadImagesWithLowPriority() {
Glide.with(context).load(images[1]).priority(Priority.LOW)
.into(imageViewLowPrioLeft);
Glide.with(context).load(images[2]).priority(Priority.LOW)
.into(imageViewLowPrioRight);
}

当不需要将加载的资源直接放入到ImageView中而是想获取资源的Bitmap对象：

//括号中的300,600代表宽和高但是未有作用
SimpleTarget target = new SimpleTarget<Bitmap>(300,600) {
               @Override
               public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap>glideAnimation) {
                   holder.imageView.setImageBitmap(resource);
               }
           };
           Glide.with(MainActivity.this)
                   .load(args[position])
                   .asBitmap()
                   .into(target);

(11)集成网络栈(okHttp,Volley)：

dependencies {  
   // your other dependencies
   // ...
   // Glide
   compile 'com.github.bumptech.glide:glide:3.6.1'
   // Glide's OkHttp Integration 
   compile 'com.github.bumptech.glide:okhttp-integration:1.3.1@aar'
   compile 'com.squareup.okhttp:okhttp:2.5.0'
}

dependencies {  
   // your other dependencies
   // ...
   // Glide
   compile 'com.github.bumptech.glide:glide:3.6.1'
   // Glide's Volley Integration 
   compile 'com.github.bumptech.glide:volley-integration:1.3.1@aar'
   compile 'com.mcxiaoke.volley:library:1.0.8'
}

在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫 Glide 的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。

毫无疑问，这个库引起了我的兴趣。于是我花了一个晚上研究和把玩它，将它的实现原理分析清楚以后，我决定写一篇博文分享一些自己的经验。在开始之前我想说，Glide和Picasso有90%的相似度，准确的说，我觉得它就像 Picasso 的克隆体。

不管怎样，Glide 和 Picasso在细节上还是有不少区别的，接下来我会让你们了解到其中的差异。

导入库

Picasso和Glide都在jcenter上。在项目中添加依赖非常简单： Picasso

dependencies {
    compile 'com.squareup.picasso:picasso:2.5.1'
}

Glide

dependencies {
    compile 'com.github.bumptech.glide:glide:3.5.2'
    compile 'com.android.support:support-v4:22.0.0'
}

不管怎样，Glide 需要 Android Support Library v4 包，千万不要忘了像上面的代码做的那样添加 Android Support Library v4 包的依赖。不过这都不是什么大问题，因为现在 Android Support Library v4 基本是每一个新 Android 项目的标配了。

基础

就如我所说的Glide和Picasso非常相似，Glide加载图片的方法和Picasso如出一辙。

Picasso

Picasso.with(context)
    .load("http://inthecheesefactory.com/uploads/source/glidepicasso/cover.jpg")
    .into(ivImg);

Glide

Glide.with(context)
    .load("http://inthecheesefactory.com/uploads/source/glidepicasso/cover.jpg")
    .into(ivImg);

虽然两者看起来非常相似，但是 Glide 的代码无疑设计得更好，因为 Glide 的 with() 方法不光接受 Context，还接受 Activity 和 Fragment。此外，with() 方法还能自动地从你放入的各种东西里面提取出 Context，供它自己使用。

同时将Activity/Fragment作为with()参数的好处是：图片加载会和Activity/Fragment的生命周期保持一致，比如 Paused状态在暂停加载，在Resumed的时候又自动重新加载。所以我建议传参的时候传递Activity 和 Fragment给Glide，而不是Context。

默认Bitmap格式是RGB_565

下面是加载图片时和Picasso的比较（1920x1080 像素的图片加载到768x432的ImageView中）

可以看到Glide加载的图片质量要差于Picasso（ps：我看不出来哈），为什么？这是因为Glide默认的Bitmap格式是RGB_565 ，比ARGB_8888格式的内存开销要小一半。下面是Picasso在ARGB8888下与Glide在RGB565下的内存开销图（应用自身占用了8m，因此以8为基准线比较）：

如果你觉得 Glide 在默认的 RGB_565 格式下加载的图片质量可以接受的话，可以什么都不做。但如果你觉得难以接受，或者是你的实际需求对图片的质量有更高的要求的话，你可以像下面的代码那样创建一个 GlideModule 子类，把 Bitmap 的格式转换到 ARGB_8888：

public class GlideConfiguration implements GlideModule {

    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        // Apply options to the builder here.
        builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        // register ModelLoaders here.
    }
}

然后在AndroidManifest.xml中将GlideModule定义为meta-data

<meta-data android:name="com.inthecheesefactory.lab.glidepicasso.GlideConfiguration"
            android:value="GlideModule"/>

这样看起来就会好很多。

我们再来看看内存开销图，虽然看起来这次 Glide 的内存开销接近于上次的两倍，但是Picasso的内存开销仍然远大于Glide。

但是上面那样做的问题在于你需要手动计算 ImageView 的尺寸，又或者是你对 ImageView 设置了具体的尺寸大小，为了解决这样的麻烦，你可以在 Picasso 中通过这样做简化你的代码：

Picasso.with(this)
    .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
    .resize(768, 432)
    .into(ivImgPicasso);

但是问题在于你需要主动计算ImageView的大小，或者说你的ImageView大小是具体的值（而不是wrap_content），你也可以这样：

Picasso.with(this)
    .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
    .fit()
    .centerCrop()
    .into(ivImgPicasso);

现在Picasso的内存开销就和Glide差不多了。

虽然内存开销差距不大，但是在这个问题上Glide完胜Picasso。因为Glide可以自动计算出任意情况下的ImageView大小。

Image质量的细节

这是将ImageView还原到真实大小时的比较。

很显然，Glide 加载的图片有些像素点变得很模糊，看起来也没有 Picasso 那么平滑。而且直到现在，我也没有找到一个可以直观改变图片大小调整算法的方法。

但是这并不算什么坏事，因为很难察觉。

磁盘缓存

Picasso和Glide在磁盘缓存策略上有很大的不同。我们刚刚做了一个使用 Glide 和 Picasso 加载同一张高清图片的实验，我在实验后检查缓存目录时发现： Glide 缓存的图片和 ImageView 的尺寸相同，而 Picasso 缓存的图片和原始图片的尺寸相同。

上面提到的平滑度的问题依然存在，而且如果加载的是RGB565图片，那么缓存中的图片也是RGB565。

我尝试将ImageView调整成不同大小，但不管大小如何Picasso只缓存一个全尺寸的。Glide则不同，它会为每种大小的ImageView缓存一次。尽管一张图片已经缓存了一次，但是假如你要在另外一个地方再次以不同尺寸显示，需要重新下载，调整成新尺寸的大小，然后将这个尺寸的也缓存起来。

具体说来就是：假如在第一个页面有一个200x200的ImageView，在第二个页面有一个100x100的ImageView，这两个ImageView本来是要显示同一张图片，却需要下载两次。

不过，你可以改变这种行为，让Glide既缓存全尺寸又缓存其他尺寸：

Glide.with(this)
     .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
     .diskCacheStrategy(DiskCacheStrategy.ALL)
     .into(ivImgGlide);

下次在任何ImageView中加载图片的时候，全尺寸的图片将从缓存中取出，重新调整大小，然后缓存。

Glide的这种方式优点是加载显示非常快。而Picasso的方式则因为需要在显示之前重新调整大小而导致一些延迟，即便你添加了这段代码来让其立即显示：

//Picasso
.noFade();

Picasso 和 Glide 在磁盘缓存策略上各有所长，你应该根据自己的需求选择最合适的。

对我而言，我更喜欢Glide，因为它远比Picasso快，虽然需要更大的空间来缓存。

特性

你可以做到几乎和Picasso一样多的事情，代码也几乎一样。

Image Resizing

// Picasso
.resize(300, 200);

// Glide
.override(300, 200);

Center Cropping

// Picasso
.centerCrop();

// Glide
.centerCrop();

Transforming

// Picasso
.transform(new CircleTransform())

// Glide
.transform(new CircleTransform(context))

设置占位图或者加载错误图：

// Picasso
.placeholder(R.drawable.placeholder)
.error(R.drawable.imagenotfound)

// Glide
.placeholder(R.drawable.placeholder)
.error(R.drawable.imagenotfound)

正如我在博文开头所说，如果你已经熟悉如何使用 Picasso，那从Picasso转换到Glide对你来说就是小菜一碟。