Rubyと筋肉とギターとわたし

エンジニア二年目の雑魚です。プログラミング・ギター・筋トレのことをメインにブログを書いていきます。

Androidでgif動画を流す(Kotlin)

f:id:rdwbocungelt5:20180610170837j:plain

Glideを使えば簡単にgif動画を動かすことが出来ます。

Glideの最新はこちら。

↓謎の設計図共有サイト「ギットハブ」

github.com

導入方法はリンク先に乗ってます。

環境

Glide導入

一応やっておきます。

最新が4.7.1です。常にギットハブを確認して導入するようにしてください。

dependencies {
 ・
 ・
 ・
    implementation 'com.github.bumptech.glide:glide:4.7.1'
 ・
 ・
 ・
}

たったこれだけ。アプリケーション配下のgradleへ記述したらおk。

gifのリソースを準備する

app/res/raw配下に入れます。test.gifファイルがあると仮定して進めます。

ImageViewを準備する

gif動画を流すレイアウトファイルにImageViewを準備します。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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=".CongratsActivity">

    <ImageView
        android:id="@+id/gifView"
        android:layout_width="304dp"
        android:layout_height="251dp"
        android:layout_marginBottom="56dp"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.125"
        app:layout_constraintStart_toStartOf="parent" />

</android.support.constraint.ConstraintLayout>

ImageViewのIDはgifViewにしてます。他の設定は適当です。

Activity側でgifをセット

package ~~~~~~~~

import android.content.Intent
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.os.Handler
import com.bumptech.glide.Glide
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val gifMovie: Int = R.raw.test
        // gif画像のセット
        Glide.with(this).load(gifMovie).into(gifView)
    }
}

たったこれだけで動きます。素晴らしいですよね。

おわりに

細かい設定は謎の設計図共有サイトを見てやってみてください。

kotlinでgif動画を流すのがなかなかなかったので記事にしてみましたー。

では。