Glide学习笔记（一）

最新推荐文章于 2024-06-27 11:20:22 发布
最新推荐文章于 2024-06-27 11:20:22 发布
阅读量579 收藏 4
点赞数
分类专栏： Android 文章标签： android java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsb_2526/article/details/120422856
版权

Glide介绍

glide是一个被google推荐的图片加载框架，glide被广泛应用在google的开源框架中。目前glide的最新release版本为4.12.0，本文使用的是4.9.0的版本。

Glide的使用

使用glide加载图片

在模块的gradle文件中引入glide的依赖。

dependencies {
    implementation 'com.github.bumptech.glide:glide:4.9.0'
}
MainActivity.java

使用glide加载图片非常简单，一般只需要一行代码。我们只需要给with方法传入上下文，给load方法传入图片的url，给into方法传入显示图片的控件，即可显示图片。

public class MainActivity extends AppCompatActivity {

    private ImageView mImageView;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.imageview);
        loadImageWithGlide("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.daimg.com%2Fuploads%2Fallimg%2F111111%2F3-1111111I623563.jpg&refer=http%3A%2F%2Fimg.daimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634137192&t=dcc4de13dff2354143489110c40e34ea");

    }

    public void loadImageWithGlide(String url) {
        Glide.with(this)   //上下文
                .load(url)  //需要加载的图片的链接
                .into(mImageView);  //显示图片的控件
    }

}
布局文件

布局文件非常简单，只有一个用来显示图片的ImageView。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/imageview"/>

</RelativeLayout>
结果

在这里插入图片描述

glide的常用配置

如果想要在加载图片的过程中显示一张其它的图片或者在加载失败的时候显示加载失败的其它图片，我们该怎么做呢？别怕，glide已经帮我们准备好了，使用RequestOptions类即可完成这些功能。

MainActivity
public class MainActivity extends AppCompatActivity {

    private ImageView mImageView;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.imageview);
		loadImageWithGlide("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.daimg.com%2Fuploads%2Fallimg%2F111111%2F3-1111111I623563.jpg&refer=http%3A%2F%2Fimg.daimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634137192&t=dcc4de13dff2354143489110c40e34ea");

    }

    public void loadImageWithGlide(String url) {
        RequestOptions options = new RequestOptions();
        options.placeholder(R.drawable.ic_launcher_background)  //加载中显示的图片
                .error(R.drawable.ic_launcher_foreground)       //加载错误时显示的图片
                .fallback(R.drawable.ic_launcher_foreground)  //当请求的url为null时显示的图片
                .circleCrop();      //圆角图片

        Glide.with(this)
                .load(url)
                .apply(options)
                .into(mImageView);
       
       //这里要说明一点，其实不使用RequestOptions也可以完成这些功能，如下代码所示:
      /* Glide.with(this)
       .load(url)
       .placeholder(R.drawable.ic_launcher_background)
       .error(R.drawable.ic_launcher_foreground)
       .circleCrop()
       .into(mImageView); */
    }

}
布局文件

布局文件和之前的相同

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/imageview"/>

</RelativeLayout>
结果

在这里插入图片描述

glide的常用方法
preload()

此方法用于预加载图片，是一个重载方法，不带参数的表示加载图片的原始大小，带参数的表示加载指定大小的图片。

MainActivity
public class MainActivity extends AppCompatActivity {

    private ImageView mImageView;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.imageview);

        loadImageWithGlide("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.daimg.com%2Fuploads%2Fallimg%2F111111%2F3-1111111I623563.jpg&refer=http%3A%2F%2Fimg.daimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634137192&t=dcc4de13dff2354143489110c40e34ea");

    }

    public void loadImageWithGlide(String url) {
        Glide.with(this)
                .load(url)
               .listener(new RequestListener<Drawable>() {
                   @Override
                   public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                       Log.d(TAG, "onLoadFailed: ");
                       return false;
                   }

                   @Override
                   public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                       Log.d(TAG, "onResourceReady: ");
                       mImageView.setImageDrawable(resource);
                       return false;
                   }
               }).preload();
    }
}
submit()

用于下载图片，也是重载方法，不带参数的表示下载图片的原始大小，带参数的表示下载指定大小的图片。

MainActivity
public class MainActivity extends AppCompatActivity {

    private ImageView mImageView;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.imageview);
     loadImageWithGlide("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.daimg.com%2Fuploads%2Fallimg%2F111111%2F3-1111111I623563.jpg&refer=http%3A%2F%2Fimg.daimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634137192&t=dcc4de13dff2354143489110c40e34ea");

    }


    public void loadImageWithGlide(String url) {
        FutureTarget<File> submit = Glide.with(this)
                .asFile()      //指定加载格式
                .addListener(new RequestListener<File>() {
                    @Override
                    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<File> target, boolean isFirstResource) {
                        Log.d(TAG, "onLoadFailed: ");
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(File resource, Object model, Target<File> target, DataSource dataSource, boolean isFirstResource) {
                        Log.d(TAG, "onResourceReady: " + resource.getAbsolutePath());
                        return false;
                    }
                })
                .load(url)
                .submit();


       new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    File file  = submit.get();
                    Log.d(TAG, "run: " + file.getAbsolutePath());
                } catch (ExecutionException e) {
                    e.printStackTrace();
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }).start();

    }
}
布局文件

布局文件和之前的相同

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/imageview"/>

</RelativeLayout>
结果

红色文件就是下载后的图片。
在这里插入图片描述

addListener

添加监听。

例子
MainActivity
public class MainActivity extends AppCompatActivity {

    private ImageView mImageView;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.imageview);
     loadImageWithGlide("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.daimg.com%2Fuploads%2Fallimg%2F111111%2F3-1111111I623563.jpg&refer=http%3A%2F%2Fimg.daimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634137192&t=dcc4de13dff2354143489110c40e34ea");

    }


    public void loadImageWithGlide(String url) {
        FutureTarget<File> submit = Glide.with(this)
                .asFile()      //指定加载格式
                .addListener(new RequestListener<File>() {
                    @Override
                    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<File> target, boolean isFirstResource) {
                        Log.d(TAG, "onLoadFailed: ");
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(File resource, Object model, Target<File> target, DataSource dataSource, boolean isFirstResource) {
                        Log.d(TAG, "onResourceReady: " + resource.getAbsolutePath());
                        return false;
                    }
                })
                .load(url)
                .submit();


       /* new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    File file  = submit.get();
                    Log.d(TAG, "run: " + file.getAbsolutePath());
                } catch (ExecutionException e) {
                    e.printStackTrace();
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }).start();*/

    }
}
布局文件

布局文件和之前的相同

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/imageview"/>

</RelativeLayout>

参考

  1. Glide官网
  2. Glide使用
wmxz520
关注
专栏目录
Glide学习
zzh1026的博客
05-30 431
这是之前保存的学习笔记, 现在上传保存一下Glide学习第一部分是 glide 的使用以及和 picasso 的对比第二部分是 glide 与 fresco 的对比1,glide库的地址bumptech/glideGlide是在Picasso基础上进行了优化改进, 所以这两个是没得挑的..Fresco是fackbook出品的,也很不错,比较网络加载框架那个好? 里面说是 fresco相比较其他的图
Android Glide学习笔记
DerWeltraum
03-12 1498
Glide是比较常用的图片加载库，因为我在项目里使用到了，所以会跟EventBus一样参考网上前辈的文章做一个学习笔记。开源库的比较图片加载是 Android 项目中必备的需求，而图片加载的开源库也有很多：有 UniversalImageLoader、Picasso、Fresco、Glide等。 UniversalImageLoader是老牌的图片加载库（我在最初的两个项目里使用的都是它）。但是作者
Glide学习(一)—工作流程分析
weixin_30396699的博客
07-13 179
前言 目前在Android中有许多图片加载框架，比如UniversalImageLoader、Volley、Picasso、Fresco、Glide等。Glide作为一个快速高效的Android图片加载库，是Android开发使用最多的图片加载库之一。因为Glide的高性能、可扩展的特性，也是被Google推荐使用的图片加载库。 用过Glide的同学都知道，Glide仅仅使用一行代码就可以将图片加...
安卓开发中的Glide库的使用
最新发布
m0_66843126的博客
06-27 1481
是一个功能强大的工具，它允许对加载的图片进行各种变换处理。使用方式：首先调用 Glide.with(context)，然后指定要加载的图片资源，最后调用 into(imageView) 将图片设置到 ImageView。更新 ID：如果你想要 Glide 缓存经过此变换的图片，你需要重写 equals 和 hashCode 方法，以确保不同的变换实例能被正确识别。android.permission.WRITE_EXTERNAL_STORAGE：允许应用程序写入存储在外部存储上的文件，例如SD卡。
Glide深入学习
体验Android编程之美
04-20 595
glide 源码
Glide学习笔记之回调监听
qq_36447701的博客
05-31 1337
回调：将imageView的实例传到into()中，当Glide将图片加载完后以后，图片就能显示到ImageView上去了public Target&lt;TranscodeType&gt; into(ImageView view) {         Util.assertMainThread();         if (view == null) {             throw ne...
Glide学习笔记之缓存机制
qq_36447701的博客
05-31 482
一、内存缓存    底层运用了近期最少使用的算法（LruCache算法）以及弱引用机制共同实现。如果能从内存缓存中读取到需要加载的图片，就直接进行回调（cb.onResourceReady），否则，才会开启线程去加载图片。Glide.with(this) .load(url) .skipMemoryCache(true)//设置内循缓存，默认是开启的；当设置为true：禁用内存缓存 ...
Glide学习笔记之图片变换功能Transform()
qq_36447701的博客
05-31 3573
首先通过手动验证，发现imageView的默认scaleType是FIT_CENTER 查看into():public Target&lt;TranscodeType&gt; into(ImageView view) { Util.assertMainThread(); if (view == null) { throw new Illega...
Glide学习笔记之源码分析
qq_36447701的博客
05-31 360
一、基本用法：Glide.with(context).load(url).into(imageview);    with()方法：给glide添加生命周期的监听；返回的是一个RequestManager对象所以load()方法也是RequestManager的    RequestManager--&gt;RequestManagerRetriver--&gt;RequestTracker(负责...
Glide的学习和使用
琦琦进阶之路博客
06-21 330
Glide是一款由Bump Technologies开发的图片加载框架，使得我们可以在Android平台上以极度简单的方式加载和展示图片。Glide的使用和环境配置
Google推荐——Glide使用详解
huningjun的专栏
03-10 694
零、前言本文所使用的Glide版本为3.7.0一、简介Glide，一个被google所推荐的图片加载库，作者是bumptech。这个库被广泛运用在google的开源项目中，包括2014年的google I/O大会上发布的官方app。（PS：众所周知的简介就到此为止了）Glide 对于 Android SDK 的最低要求是 API level 10Glide滑行的意思，可以看出这个库的主旨就在于让图...
Glide学习记录
qq_34198206的博客
11-29 157
Glide.with(this).load(url).into(imageView);  with()方法可以接受Context、Activity、Fragment类型的参数。 with（）方法中传入的实例会决定Glide加载图片的生命周期。如果传入的是Activity或者Fragmnet的实例，那么当这个Activity或者Fragment被销毁的时候，图片加载也会停止，如果传入的是Ap...
Glide使用
04-28 616
Glide使用基本使用String imgUrl = "http://img.nga.178.com/attachments/mon_201608/11/-7Q2f-lclqKvT1kSbk-an.png"; Glide.with(MainActivity.this) .load(imgUrl) .into(mImg);关闭加载动画效果
Glide的使用
mijiaxiaojiu的博客
08-31 406
Glide简介 Glide是一个快速高效的Android图片加载库，注重于平滑的滑动。Glide提供了易用的API，高性能、可扩展的图片解码管道（decode pipeline），以及自动的资源池技术 Glide支持拉取，解码和展示视频快照，图片，和GIF动画 Glide的API是如此的灵活，开发者甚至可以插入和替换成自己喜爱的任何网络栈。默认情况下，Glide使用的是一个定制化的基于HttpURLConnection的栈，但同时提供了与Google volley和Square Okhttp快速集成的工具
glide的使用
gj_user的博客
07-13 253
一、引入依赖 将这个库引入到我们的项目中在app/build.gradle文件当中添加如下依赖： dependencies {    compile'com.github.bumptech.glide:glide:3.7.0'} 二、在AndroidManifest.xml中声明一下网络权限才行： 三、简单的使用 Glide.with(this).
Android开发：解决线程阻塞UI与网络图片加载
"Android学习笔记，主要讲解了线程阻塞UI更新的问题，包括查看网络图片、主线程阻塞（ANR）、使用Handler刷新UI、本地缓存图片、获取开源代码、构建新闻客户端、以及使用GET和POST方式提交表单数据等关键知识点。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值