【Android開発】popupWindow表示にアニメーションを使いたい

popupWidow表示にアニメーションを使いたい

popupWIndowをデフォルトのまま表示すると何か味気ない。

ポップアップを表示するとき・消えるときにアニメーションを使うことでイキイキとしたデザインに近づくのでは。

簡単なフェードイン・フェードアウトは以下のコードで実装できる。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <alpha
       android:duration="1000"
       android:fromAlpha="0.1"
       android:toAlpha="1" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <alpha
       android:duration="1000"
       android:fromAlpha="1"
       android:toAlpha="0.1" />
</set>

<style name="popup_window_animation_phone">
   <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
   <item name="android:windowExitAnimation">@android:anim/fade_out</item>
</style>

mPopupWindow.animationStyle = (R.style.popup_window_animation_phone)

他にもアニメーションを付与したいViewにsetAnimation()する方法もあるが、上記で紹介した方法の方が簡単だろう。

参考：Android Popup Window Animation Example

今回はalphaアニメーションを例に紹介したが、いろいろなアニメーションを定義すればいろいろな表現ができる。

【上下左右からDialogを表示するアニメーション】
参考：Showing Dialog with animation in Android｜Learn Programming Together

以下ではアニメーションのサンプルxmlがまとめられていた。
参考：Android Animation Example｜JournalDev

#android  #animation  #popupWindow  #kotlin