Glide库

简介

Glide是 Google推荐的图片加载库,它可以支持来自url,Android资源,文件,Uri中的图片加载,同时还支持gif图片的加载,以及各种图片显示前的bitmap处理(例如:圆角图片,圆形图片,高斯模糊,旋转,灰度等等),缓存处理,请求优先级处理,动画处理,缩略图处理,图片大小自定义等等.可谓是非常的强大.

添加依赖

 compile 'com.github.bumptech.glide:glide:3.7.0'

· 1

· 1

加载网络图片

/**

 * Created by Greathfs on 2016/6/6.

 */public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        String url = "http://www.qq745.com/uploads/allimg/141106/1-141106153Q5.png";

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(url).

                asBitmap(). //强制处理为bitmap

                into(targetView);//显示到目标View中

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

加载资源图片

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        int resourceId = R.drawable.test;

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(resourceId).

                asBitmap().

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

加载本地文件图片

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        File file = new File(Environment.getExternalStorageDirectory(), "test.jpg");

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(file).

                asBitmap().

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

从Uri中加载

/**

 * Created by Greathfs on 2016/6/6.

 */public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        Uri uri = Uri.parse("android.resource://" + this.getPackageName() + "/" + R.drawable.test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(uri).

                asBitmap().

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

6.加载gif图片

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(R.drawable.smail).

                asGif().//注意:这里显示的指明了要加载的是gif图片,当然即使不指明,glide也会自己判断.

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

设置默认图片和加载失败时显示的图片

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(R.drawable.test).

                asBitmap().

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

淡入显示效果

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade().//淡入显示,注意:如果设置了这个,则必须要去掉asBitmap

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

另外,crossFade还可以接收一个参数来设置淡入显示效果的持续时间,crossFade(int duration); 
如果你想直接显示图片,而不是淡入显示图片,则可以通过dontAnimate()方法设置.

调整图片像素大小

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade(1000).//淡入显示的时间,注意:如果设置了这个,则必须要去掉asBitmap

                override(80,80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

设置CenterCrop,FitCenter

CenterCrop,FitCenter都是对目标图片进行裁剪,了解过ImageView的ScaleType属性就知道,这2种裁剪方式在ImageView上也是有的,分别对应ImageView的ImageView.ScaleType.CENTER_CROP和mageView.ScaleType.FIT_CENTER的.

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        targetView.setScaleType(ImageView.ScaleType.FIT_CENTER);

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade(1000).//淡入淡出,注意:如果设置了这个,则必须要去掉asBitmap

                override(80,80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                centerCrop().//中心裁剪,缩放填充至整个ImageView

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

缓存策略设置

内存缓存设置,通过skipMemoryCache(boolean)来设置是否需要缓存到内存,默认是会缓存到内存的.

/**

 * Created by Greathfs on 2016/6/6.

 */public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        targetView.setScaleType(ImageView.ScaleType.FIT_CENTER);

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade(1000).//淡入淡出,注意:如果设置了这个,则必须要去掉asBitmap

                override(80,80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                centerCrop().//中心裁剪,缩放填充至整个ImageView

                skipMemoryCache(true).//跳过内存缓存

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

磁盘缓存,磁盘缓存通过diskCacheStrategy(DiskCacheStrategy)来设置,DiskCacheStrategy一共有4种模式:

DiskCacheStrategy.NONE:什么都不缓存 
DiskCacheStrategy.SOURCE:仅缓存原图(全分辨率的图片) 
DiskCacheStrategy.RESULT:仅缓存最终的图片,即修改了尺寸或者转换后的图片 
DiskCacheStrategy.ALL:缓存所有版本的图片,默认模式

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        targetView.setScaleType(ImageView.ScaleType.FIT_CENTER);

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade(1000).//淡入淡出,注意:如果设置了这个,则必须要去掉asBitmap

                override(80, 80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                centerCrop().//中心裁剪,缩放填充至整个ImageView

                skipMemoryCache(true).//跳过内存缓存

                diskCacheStrategy(DiskCacheStrategy.RESULT).//保存最终图片

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

缓存设置

在GlideModule 中,我们可以设置磁盘缓存的位置,磁盘缓存的大小和内存缓存的大小,同时还可以设置图片的显示质量.

要是用GlideModule ,需要创建它的实现类,然后在manifests中申明实现类的全类路径:

<meta-data

          android:name="com.example.greathfs.httputilsdemo.image.glide.module.SimpleGlideModule"

          android:value="GlideModule" />

· 1

· 2

· 3

· 1

· 2

· 3

GlideModule 的实现类,需要实现applyOptions方法:

/**

 * 所以你知道要创建一个额外的类去定制 Glide。

 * 下一步是要全局的去声明这个类,让 Glide 知道它应该在哪里被加载和使用。

 * Glide 会扫描 AndroidManifest.xml 为 Glide module 的 meta 声明。

 * 因此,你必须在 AndroidManifest.xml 的 <application> 标签内去声明这个SimpleGlideModule。

 * Created by mChenys on 2016/6/10.

 */public class SimpleGlideModule implements GlideModule {

    public static DiskCache cache;

 

    @Override

    public void applyOptions(Context context, GlideBuilder builder) {

        // 在 Android 中有两个主要的方法对图片进行解码:ARGB8888 和 RGB565。前者为每个像素使用了 4 个字节,

        // 后者仅为每个像素使用了 2 个字节。ARGB8888 的优势是图像质量更高以及能存储一个 alpha 通道。

        // Picasso 使用 ARGB8888,Glide 默认使用低质量的 RGB565。

        // 对于 Glide 使用者来说:你使用 Glide module 方法去改变解码规则。

        builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);

        //设置缓存目录

        File cacheDir = PathUtils.getDiskCacheDir(context, CacheConfig.IMG_DIR);

 

        cache = DiskLruCacheWrapper.get(cacheDir, DiskCache.Factory.DEFAULT_DISK_CACHE_SIZE);// 250 MB

        builder.setDiskCache(new DiskCache.Factory() {

            @Override

            public DiskCache build() {

                return cache;

            }

        });

        //设置memory和Bitmap池的大小

        MemorySizeCalculator calculator = new MemorySizeCalculator(context);

        int defaultMemoryCacheSize = calculator.getMemoryCacheSize();

        int defaultBitmapPoolSize = calculator.getBitmapPoolSize();

 

        int customMemoryCacheSize = (int) (1.2 * defaultMemoryCacheSize);

        int customBitmapPoolSize = (int) (1.2 * defaultBitmapPoolSize);

 

        builder.setMemoryCache(new LruResourceCache(customMemoryCacheSize));

        builder.setBitmapPool(new LruBitmapPool(customBitmapPoolSize));

    }

 

    @Override

    public void registerComponents(Context context, Glide glide) {

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

· 22

· 23

· 24

· 25

· 26

· 27

· 28

· 29

· 30

· 31

· 32

· 33

· 34

· 35

· 36

· 37

· 38

· 39

· 40

· 41

· 42

· 43

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

· 22

· 23

· 24

· 25

· 26

· 27

· 28

· 29

· 30

· 31

· 32

· 33

· 34

· 35

· 36

· 37

· 38

· 39

· 40

· 41

· 42

· 43

设置加载缩略图

通过设置缩略图,我们可以在显示目标图片之前先展示一个第分辨率或者其他图片,当全分辨率的目标图片在后台加载完成后, 
Glide会自动切换显示全像素的目标图片.

设置缩略图有2种方式: 
通过thumbnail(float)指定0.0f~1.0f的原始图像大小,例如全像素的大小是500*500,如果设置为thumbnail为0.1f,即目标图片的10%,显示的缩略图大小就是50*50;

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

 

        Glide.with(this).

                load(R.drawable.test).

                placeholder(R.drawable.bg_loading).//加载中显示的图片

                error(R.drawable.bg_error).//加载失败时显示的图片

                crossFade(1000).//淡入淡出,注意:如果设置了这个,则必须要去掉asBitmap

                override(80, 80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                centerCrop().//中心裁剪,缩放填充至整个ImageView

                skipMemoryCache(true).//跳过内存缓存

                diskCacheStrategy(DiskCacheStrategy.RESULT).//保存最终图片

                thumbnail(0.1f).//10%的原图大小

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

通过thumbnail(DrawableRequestBuilder)方式来指定缩略图,该缩略图可以使用load的所有方式(网络,文件,uri,资源)加载.

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        //缩略图请求

        DrawableRequestBuilder<String> thumbnailRequest = Glide

                .with(this)

                .load("http://www.qq745.com/uploads/allimg/141106/1-141106153Q5.png");

 

        Glide.with(this).

                load(R.drawable.test).//                placeholder(R.drawable.bg_loading).//加载中显示的图片//                error(R.drawable.bg_error).//加载失败时显示的图片//                crossFade(1000).//淡入淡出,注意:如果设置了这个,则必须要去掉asBitmap

                override(80, 80).//设置最终显示的图片像素为80*80,注意:这个是像素,而不是控件的宽高

                centerCrop().//中心裁剪,缩放填充至整个ImageView

                skipMemoryCache(true).//跳过内存缓存

                diskCacheStrategy(DiskCacheStrategy.RESULT).//保存最终图片

                thumbnail(thumbnailRequest).//设置缩略图

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

· 22

· 23

· 24

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 14

· 15

· 16

· 17

· 18

· 19

· 20

· 21

· 22

· 23

· 24

动画处理

通过animate()方法可以设置xml文件定义的4种补间动画(alpha、scale、translate、rotate) 
例如:

res\anim\left_in.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate

        android:duration="@android:integer/config_mediumAnimTime"

        android:fromXDelta="-50%p"

        android:toXDelta="0"/>

    <alpha

        android:duration="@android:integer/config_mediumAnimTime"

        android:fromAlpha="0.0"

        android:toAlpha="1.0"/>

</set>

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

使用方式:

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

        Glide.with(this).

                load(R.drawable.test).

                asBitmap().

                animate(R.anim.left_in).//加载xml文件定义的动画

                into(targetView);

    }

}

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

· 11

· 12

· 13

处理此外,还可以通过animate指定属性动画:

public class TestGlideActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_test);

        ImageView targetView = (ImageView) findViewById(R.id.iv_target);

 

        ViewPropertyAnimation.Animator animationObject = new ViewPropertyAnimation.Animator() {

            @Override

            public void animate(View view) {

                //设置属性动画

                ObjectAnimator moveIn = ObjectAnimator.ofFloat(view, "translationX", -500f, 0f);

                ObjectAnimator rotate = ObjectAnimator.ofFloat(view, "rotation", 0f, 360f);

                ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(view, "alpha", 1f, 0f, 1f);

                ObjectAnimator moveTop = ObjectAnimator.ofFloat(view, "translationY", 0f, -2000, 0f);

                AnimatorSet animSet = new AnimatorSet();

                //先左进,然后旋转伴随淡入效果,最后移动向上

                animSet.play(rotate).with(fadeInOut).after(moveIn).before(moveTop);

                animSet.setDuration(5000);

                animSet.start();

            }

        };

        Glide.with(this).

                load(R.drawable.test).

                asBitmap().

                animate(animationObject).//加载属性动画

                into(targetView);

    }

}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值