AndroidのViewをフェードイン(アウト)させる時に便利なAlphaAnimationクラス

ホーム
アプリ関連ニュース
Kotlin
AndroidのViewをフェードイン(アウト)させる時に便利なAlphaAnimationクラス

2020年4月15日
Kotlin, Android

AndroidのViewをフェードイン(アウト)させる時に便利な
AlphaAnimationクラスをご紹介します。

コードはKotlinです。

例) テキストビューを5秒間かけてフェードアウトさせるコードです。

// アルファ値を1.0fから0.0fへ変化させるフェードアウトアニメーション
val fadeAnim = AlphaAnimation(1.0f, 0.0f)
// 5秒間(5000ミリ秒)かけて行う
fadeAnim.duration = 5000
// アルファ値をアニメーション終了後の値を維持する
fadeAnim.fillAfter = true

// textViewという変数名のテキストビューにアニメーションを適用する
textView.animation = fadeAnim

// アルファ値を1.0fから0.0fへ変化させるフェードアウトアニメーション

val fadeAnim = AlphaAnimation(1.0f, 0.0f)

// 5秒間(5000ミリ秒)かけて行う

fadeAnim.duration = 5000

// アルファ値をアニメーション終了後の値を維持する

fadeAnim.fillAfter = true

// textViewという変数名のテキストビューにアニメーションを適用する

textView.animation = fadeAnim

AlphaAnimationのコンストラクタの
第一引数が変化前、第二引数が変化後なので
上の例の引数を(0.0f, 1.0f)に変更することで
フェードインアニメーションになります。

アニメーションは繰り返し行うことができ、
以下の様に繰り返し時の動きを指定することができます。

// 繰り返し時に順方向にアニメーションさせる
fadeAnim.repeatMode = Animation.RESTART

1 2	// 繰り返し時に順方向にアニメーションさせる fadeAnim.repeatMode = Animation.RESTART

あるいは
以下の様に書くことで
アニメーション終了->逆方向のアニメーション->順方向のアニメーション
という繰り返しを行うことができます。

// 繰り返し時に逆方向にアニメーションさせる
fadeAnim.repeatMode = Animation.REVERSE

1 2	// 繰り返し時に逆方向にアニメーションさせる fadeAnim.repeatMode = Animation.REVERSE

インジケータを使わずにデータのロード中を表現する時に
使えそうなアニメーションです。

また、以下のように回数指定で繰り返すことや

// 10回繰り返す
fadeAnim.repeatCount = 10

1 2	// 10回繰り返す fadeAnim.repeatCount = 10

以下のように書く事で無制限に繰り返すことができます。

// 無制限に繰り返す
fadeAnim.repeatCount = Animation.INFINITE

1 2	// 無制限に繰り返す fadeAnim.repeatCount = Animation.INFINITE

水曜担当：Tanaka

tanaka at 2020年04月15日 10:00:37

Tweets by GIGASJAPAN_APPS

アプリ関連ニュース

iPhone・Android開発アプリ

アプリ関連ニュース

お問い合わせはこちら

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833（平日 10:00～17:00）

お問い合わせフォーム

↑

↓

AndroidのViewをフェードイン(アウト)させる時に便利なAlphaAnimationクラス

ギガスジャパン

お問い合わせ