如何在 Android 应用程序中使用动画 GIF?
在本文中,我们将使用库在我们的项目中显示动画 gif。有许多方法可以显示 gif。我们还可以使用 WebView 显示 gif。在这里,我们将使用这个库来显示 gif。所以在这里我们将学习如何实现该功能。下面给出了一个示例 GIF,以了解我们将在本文中做什么。请注意,我们将使用Java语言来实现这个项目。
分步实施
方法一
第 1 步:创建一个新项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。请注意,选择Java作为编程语言。
第 2 步:将以下依赖项插入到项目的 build.gradle 文件中
导航到Gradle Scripts > build.gradle(Module:app)并在依赖项部分添加以下依赖项。
implementation ‘pl.droidsonroids.gif:android-gif-drawable:1.2.22’
请注意,应定义 Maven 中央存储库,例如。在顶级 build.gradle 像这样:
buildscript {
repositories {
mavenCentral()
}
}
allprojects {
repositories {
mavenCentral()
}
}
步骤 3:使用 activity_main.xml 文件
导航到app > res > layout > activity_main.xml并将以下代码添加到该文件中。下面是activity_main.xml文件的代码。
XML
XML
Java
import android.os.Bundle;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;
import com.bumptech.glide.Glide;
public class MainActivity extends AppCompatActivity {
ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = findViewById(R.id.imageview);
// Adding the gif here using glide library
Glide.with(this).load(R.drawable.adroid).into(imageView);
}
}
XML
Java
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// initialise the layout
webView = findViewById(R.id.webvidew);
// enable the javascript to load the url
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient());
// add the url of gif
webView.loadUrl("//Add the link of gif here");
}
}
第 4 步:使用 MainActivity。 Java文件
与MainActivity无关。 Java文件。
方法二
这里我们使用 ImageView 和 Glide 库加载 gif。将以下依赖项插入到项目的 build.gradle 文件中。
implementation ‘com.github.bumptech.glide:glide:4.9.0’
步骤 1:使用 activity_main.xml 文件
导航到app > res > layout > activity_main.xml并将以下代码添加到该文件中。下面是activity_main.xml文件的代码。
XML
第 2 步:使用MainActivity。 Java文件
转到主活动。 Java文件,参考如下代码。下面是MainActivity的代码。 Java文件。代码中添加了注释以更详细地理解代码。
Java
import android.os.Bundle;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;
import com.bumptech.glide.Glide;
public class MainActivity extends AppCompatActivity {
ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = findViewById(R.id.imageview);
// Adding the gif here using glide library
Glide.with(this).load(R.drawable.adroid).into(imageView);
}
}
方法三
这里我们使用WebView加载 gif 。
步骤 1:使用 activity_main.xml 文件
导航到app > res > layout > activity_main.xml并将以下代码添加到该文件中。下面是activity_main.xml文件的代码。我们将在此文件中创建一个简单的 WebView。
XML
第 2 步:使用MainActivity。 Java文件
转到主活动。 Java文件,参考如下代码。下面是MainActivity的代码。 Java文件。代码中添加了注释以更详细地理解代码。
Java
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// initialise the layout
webView = findViewById(R.id.webvidew);
// enable the javascript to load the url
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient());
// add the url of gif
webView.loadUrl("//Add the link of gif here");
}
}
输出: