[Android] Android 呈現動態圖教學 (gif呈現) ~S－葛瑞斯肯樂活筆記

最近有呈現動態圖gif在 android app 上的需求，所以特別紀錄一下，我使用的 OS 為 windows 10，android 版本如下:

首先我們先建立各別建立 ImageView 與 Button，如下，按鈕的目的是按下後可以將靜態圖動態替換至動態圖:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/thunder"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_marginStart="148dp"
        android:layout_marginLeft="148dp"
        android:text="換動態圖"
        app:layout_constraintBottom_toBottomOf="@id/thunder"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.074"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

之後需要先建立一個 assets 資料夾在 android 專案中，這是用來放置 gif 圖檔的:

然後將gif圖檔放在assets資料夾內，靜態的png/jpg檔案放在 res/drawable 中。

gif 動態圖的呈現需要用到下述的 dependency，要放在 gradle 檔案中。

implementation "pl.droidsonroids.gif:android-gif-drawable:1.2.2"

最後，給程式碼，裡面就是新增了一個按鈕事件，然後直接替換掉 ImageView的圖檔來源:

	import androidx.appcompat.app.AppCompatActivity;
	import androidx.core.content.ContextCompat;
	import android.graphics.drawable.Drawable;
	import android.os.Bundle;
	import android.view.View;
	import android.widget.Button;
	import android.widget.ImageView;
	import pl.droidsonroids.gif.GifDrawable;
	public class MainActivity extends AppCompatActivity {
	public Drawable static_thunder = null;
	public String dynamic_thunder = "";
	public ImageView imageView;
	public Button button;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	imageView = findViewById(R.id.thunder);
	button = findViewById(R.id.button);

	static_thunder = ContextCompat.getDrawable(MainActivity.this,R.drawable.static_thunder);
	imageView.setImageDrawable(static_thunder);
	dynamic_thunder = "dynamic_thunder.gif";

	button.setOnClickListener(new View.OnClickListener(){
	public void onClick(View v){
	try {
	GifDrawable gifDrawable = new GifDrawable(getAssets(), dynamic_thunder);
	imageView.setImageDrawable(gifDrawable);
	}catch(Exception e){
	e.printStackTrace();
	}
	}
	});
	}
	}