[Android] AlphaAnimation フェードイン・フェードアウト

android.view.animation.Animation のクラスを使ってViewをフェードイン・フェードアウトさせることができるのがこの AlphaAnimation です。
 
alpha animation 01 - [Android] AlphaAnimation フェードイン・フェードアウト

Android Studio 3.0.1
Android 8.1.0



AlphaAnimation

 
alpha値を 1.0 -> 0.0 へアニメーションで変更させるのがAlphaAnimationですが、
画像1枚を使ってfade out/in を実現できるのでとても便利な機能です。
 
alpha animation 02 - [Android] AlphaAnimation フェードイン・フェードアウト
 
設定方法は2通りあります。
 

 

XML attributes

 
res以下にanimというフォルダーを作成してxmlファイルを置きます。
今回はfedeinとfadeoutの2種類作りました。

animationの属性設定は<alpha />タグを使って以下のように設定します。

  • interpolator:補間処理を行う
  • fromAlpha:アニメーション開始時のalpha値
  • toAlpha:アニメーション終了時のalpha値
  • fillAfter:アニメーション終了時にviewをそのまま残す(true)
  • duration:アニメーションの期間[msec]

res\anim\alpha_fadeout.xml

 
res\anim\alpha_fadein.xml

 
MainActivityでこれらのファイルをロードします。

まとめると
MainActivity.java

 
レイアウトです
activity_main.xml

 
strings.xml

 

コードで記述

 
簡単なコンストラクタで設定してみます。

  • AlphaAnimation(1.0f, 0.0f):透明度の設定は1.0から0.0まで変化させられます
  • setDuration(int msec):アニメーションの期間[msec]
  • startAnimation():アニメーションを開始
  • setFillAfter(true):アニメーション終了時にViewをそのままにする

MainActivity.java

 
レイアウトはXML attributesと同じです

 

サンプル動画

 

 
 
関連ページ:

 
References:
AlphaAnimation
Animation
android.view.animation
Animation Resources
Tween animation

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影

Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

  • このエントリーをはてなブックマークに追加

フォローする