关于android：使用Glide在ImageView中显示GIF

Displaying GIF in ImageView using Glide

我第一次使用 Glide 在 ImageView 中显示 GIF。我已经按照多个站点给出的方式对其进行了编码。但它不起作用。我已经给出了以下所有代码：(如果我有任何错误，请告诉我)

项目级 build.gradle

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

buildscript {
repositories {
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:2.0.0'
classpath 'com.google.gms:google-services:2.1.0-alpha5'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}

allprojects {
repositories {
jcenter()
}
}

task clean(type: Delete) {
delete rootProject.buildDir
}

应用级 build.gradle 文件：

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

apply plugin: 'com.android.application'

android {
compileSdkVersion 22
buildToolsVersion"23.0.3"

defaultConfig {
applicationId"com.example.winner.myapplication"
minSdkVersion 19
targetSdkVersion 22
versionCode 1
versionName"1.0"
renderscriptTargetApi 19
renderscriptSupportModeEnabled true

}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:22.2.1'
//compile files('libs/ion-2.1.6.jar')
//compile files('libs/androidasync-2.1.6.jar')
compile 'com.github.bumptech.glide:glide:3.7.0'
}

activity_main.xml

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.winner.myapplication.MainActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:gravity="center"
android:paddingTop="@dimen/activity_vertical_margin"
android:id="@+id/layoutImage1"
android:orientation="vertical"
android:layout_gravity="center"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:gravity="center"
android:paddingTop="@dimen/activity_vertical_margin"
android:id="@+id/layoutImage2"
android:orientation="vertical"
android:layout_below="@+id/layoutImage1"
android:layout_gravity="center"
>
<ImageView
android:id="@+id/test_image"
android:layout_width="160dp"
android:layout_height="90dp"
android:scaleType="fitXY"
android:layout_gravity="center"
android:src="@drawable/test"
/>

</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:gravity="center"
android:paddingTop="@dimen/activity_vertical_margin"
android:id="@+id/layoutImage3"
android:orientation="vertical"
android:layout_below="@+id/layoutImage2"
android:layout_gravity="center"
>
<TextView android:text="Hello World!" android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="right"
android:id="@+id/submit"
android:text="Submit" />

</LinearLayout>

</RelativeLayout>

活动 Java 代码：

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

package com.example.winner.myapplication;

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

import com.bumptech.glide.Glide;
import com.bumptech.glide.request.target.GlideDrawableImageViewTarget;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Button submit = (Button) findViewById(R.id.submit);
submit.setOnClickListener(onClickSubmit);
}

View.OnClickListener onClickSubmit = new View.OnClickListener() {
@Override
public void onClick(View v) {
ImageView iView = (ImageView) findViewById(R.id.test_image);
Glide.with(getApplicationContext()).
load("http://i.imgur.com/1ALnB2s.gif").into(iView);

}
};
}

点击提交按钮后，我没有看到 GIF 图片。

相关讨论

试试这个

1
2
3
4
5
6
7

ImageView banner = (ImageView)findViewById(R.id.bannerImageView);

Glide.with(this)
.asGif()
.load(R.raw.banner_challenge)
.placeholder(R.drawable.banner_1).into(banner);

我无法让 Glide 显示我拥有的本地 gif(在 drawables 文件夹中)，而对我来说，问题是我在文件名中包含了扩展名 (.gif)。删除扩展后，图像终于显示出来了。不确定这是否也适用于 URL，但我想无论如何我都会分享给在谷歌上搜索的人。

没用：

1	Glide.with(this).load(getImage("logo.gif")).into(muhGif)

工作过：

1	Glide.with(this).load(getImage("logo")).into(muhGif)

要使用 glide 加载 gif，glide 需要几秒钟来处理 gif。所以，图像只能在那个时间之后加载。所以，意味着你可以使用占位符。

Glide.with(this).load("http://i.imgur.com/1ALnB2s.gif").asGif().placeHolder(R.drawable.any_normal_image.png).into(iView) ;

你可以用这个。它对我有用。我希望它也对你有用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

ImageView iView = (ImageView) findViewById(R.id.test_image);
GlideDrawableImageViewTarget imageViewPreview = new GlideDrawableImageViewTarget(iView);
Glide
.with(this)
.load(url)
.listener(new RequestListener<String, GlideDrawable>() {
@Override
public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
return false;
}

@Override
public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
return false;
}
})
.into(imageViewPreview);
}

它适用于图像和 gif。