美文网首页Android知识Android技术知识Android开发
Android基础---淡入淡出、上下弹出动画的

Android基础---淡入淡出、上下弹出动画的

作者: SmartSean | 来源:发表于2017-04-21 14:13 被阅读1061次

    今天想到了自己毕业设计时候做的app,里面主页上面的搜索框用到了一个PopupWindow来实现,我就琢磨这在给他加上一个动画,当时真的是什么都不懂,囫囵吞枣的就拿来用了,现在又大概找了两种动画效果来实现,现在记录下。

    一、淡入、淡出动画

    1. 在res文件下面建立一个叫anim的文件夹。

    2. 在anim文件下面建立两个xml文件,分别为:

      • push_bottom_in.xml(淡入效果)
      <?xml version="1.0" encoding="utf-8"?>
      <set xmlns:android="http://schemas.android.com/apk/res/android" >
      
          <alpha
              android:duration="200"
              android:fromAlpha="0.0"
              android:toAlpha="1.0" />
      
      </set>
      
      • push_bottom_out.xml(淡出效果)
      <?xml version="1.0" encoding="utf-8"?>
      <set xmlns:android="http://schemas.android.com/apk/res/android" >
          <alpha
              android:duration="200"
              android:fromAlpha="1.0"
              android:toAlpha="0.0" />
      </set>
      

    参数解释:
    - duration设置完成动画需要的时间
    - fromAlpha动画开始时的透明度
    - toAlpha动画结束时候的透明度

    1. 在res文件夹下面的values文件夹下面的styles.xml里面加入以下代码:
     <style name="AnimBottom" parent="@android:style/Animation">
            <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>
            <item name="android:windowExitAnimation">@anim/push_bottom_out</item>
     </style>
    

    AnimBottom就是该动画的名字,在需要设置的地方直接调用R.style.AnimBottom就可以使用该动画了。

    二、弹出动画

    步骤和上面的一样,
    anim下面:

    • inuptodown.xml(弹入)
    <?xml version="1.0" encoding="UTF-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android" >
        <translate
            android:duration="500"
            android:fromYDelta="-100%"
            android:toYDelta="0" />
    </set>
    
    • outdowntoup.xml(弹出)
    <?xml version="1.0" encoding="UTF-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android" >
        <translate
            android:duration="500"
            android:fromYDelta="0"
            android:toYDelta="-100%" />
    </set>
    

    styles.xml中:

     <style name="AnimationFade">
            <item name="android:windowEnterAnimation">@anim/inuptodown</item>
            <item name="android:windowExitAnimation">@anim/outdowntoup</item>
        </style>
    

    使用的话和上面的是一样的。

    相关文章

      网友评论

        本文标题:Android基础---淡入淡出、上下弹出动画的

        本文链接:https://www.haomeiwen.com/subject/vbedzttx.html