图片加载框架Glide的简单使用

图片加载框架Glide的相关使用

一.搭建环境

1.引入依赖，设置网络权限
implementation ‘com.github.bumptech.glide:glide:3.7.0’

代码实现

1.添加一个ImageView用来显示图片

2.具体代码和结果展示

package com.example.administrator.test2glide;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

import com.bumptech.glide.Glide;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //布局一个ImageView，用来显示图片
        ImageView imageView = findViewById(R.id.iv_glide);
        //网络图片地址
        String url = "http://www.t157.com/uploadfile/2019/0905/20190905060106217.jpg";
        //调用Glide
        Glide.with(this)//当前上下文
                .load(url)//加载图片，先查找缓存，如果有就返回缓存中的图片，没有再去网络下载
                .placeholder(R.drawable.loading)//添加加载图片
                .into(imageView);//将图片放入ImageView
    }
}

结果：

• Glide还支持一些图片的变化，这里用图片的圆角展示。

1.引入图片变化的依赖
implementation ‘jp.wasabeef:glide-transformations:2.0.2’

2.具体代码及结果展示

package com.example.administrator.test2glide;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

import com.bumptech.glide.Glide;

import jp.wasabeef.glide.transformations.RoundedCornersTransformation;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //布局一个ImageView，用来显示图片
        ImageView imageView = findViewById(R.id.iv_glide);
        //初始化圆角对象，参1，上下文 参2，圆角半径 参3，外边距 0
        RoundedCornersTransformation rct  = new 
        RoundedCornersTransformation(this,20,0);
        //网络图片地址
        String url = "http://www.t157.com/uploadfile/2019/0905/20190905060106217.jpg";
        //调用Glide
        Glide.with(this)//当前上下文
                .load(url)//加载图片，先查找缓存，如果有就返回缓存中的图片，没有再去网络下载
                .bitmapTransform(rct)//添加圆角
                .into(imageView);//将图片放入ImageView
    }
}

结果：