📜  如何在 Android 应用程序中使用动画 GIF?

📅  最后修改于: 2022-05-13 01:55:47.646000             🧑  作者: Mango

如何在 Android 应用程序中使用动画 GIF?

在本文中,我们将使用库在我们的项目中显示动画 gif。有许多方法可以显示 gif。我们还可以使用 WebView 显示 gif。在这里,我们将使用这个库来显示 gif。所以在这里我们将学习如何实现该功能。下面给出了一个示例 GIF,以了解我们将在本文中做什么。请注意,我们将使用Java语言来实现这个项目。

在 Android 应用示例 GIF 中使用动画 GIF

分步实施

方法一

第 1 步:创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。请注意,选择Java作为编程语言。

第 2 步:将以下依赖项插入到项目的 build.gradle 文件中



导航到Gradle Scripts > build.gradle(Module:app)并在依赖项部分添加以下依赖项。

请注意,应定义 Maven 中央存储库,例如。在顶级 build.gradle 像这样:

步骤 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 文件中。

步骤 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");
    }
}

输出: