Android開発

【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

-Android開発

© 2023 ガジェジー