美文网首页
android页面之间切换的转场动画(主题设置)

android页面之间切换的转场动画(主题设置)

作者: 程序猿峰岑 | 来源:发表于2022-01-26 11:50 被阅读0次

    概述:随着Android手机的更新迭代,高版本自带转场动画,但是为了跟好的用户体验,以及产品差异化的体现,如果产品需要我们自己设计一套转场动画,我们又该如何实现呢

    当然转场动画的实现方式有多种,接下来我们来实现一款全局的转场动画,也就是通过设置主题来达到转场动画的效果
    首先我们需要准备在res文件下新建anim文件包,然后分别创建slide_in_from_right 、slide_out_to_left slide_out_to_right、slide_in_from_left的xml文件

    首先当我们跳转到一个新的Activity,让新的Activity从右边的屏幕进入,被跳转的Activity界面从当前位置向左边移出屏幕
    文件分别是slide_in_from_right,slide_out_to_left,此时是Activity被打开的情况下

    关闭当前界面,当前的Activity从显示位置向右移出屏幕,被展示的Activity从屏幕的左边进入到屏幕,此时的文件分别是slide_out_to_right,slide_in_from_left

    接着上面的分析,我们在具体的编写上面的文件就容易多了
    首先 slide_in_from_right.xml

    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate  android:duration="300"
            android:fromXDelta="100%p"
            android:toXDelta="0"/>
    </set>
    

    接着 slide_out_to_left.xml

    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate  android:duration="300"
            android:fromXDelta="0"
            android:toXDelta="-100%p"/>
    </set>
    

    slide_out_to_right.xml

    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate
            android:duration="300"
            android:fromXDelta="0"
            android:toXDelta="100%p"/>
    </set>
    

    slide_in_from_left.xml

    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate android:duration="300"
            android:fromXDelta="-100%p"
            android:toXDelta="0"/>
    </set>
    

    现在上面的四个文件都写完了,接下来我们来使用下上面的文件

    <style name="AnimFade" parent="@android:style/Animation.Activity">
            <item name="android:activityOpenEnterAnimation">@anim/slide_in_from_right</item>
            <item name="android:activityOpenExitAnimation">@anim/slide_out_to_left</item>
            <item name="android:activityCloseExitAnimation">@anim/slide_out_to_right</item>
            <item name="android:activityCloseEnterAnimation">@anim/slide_in_from_left</item>
      </style>
    

    这样我们的转场动画也就实现呢,但千万别忘了最后一步,我们需要把上面的style配置的放进我们的主题,接下来我们在我们已有的主题下写入以下的配置

    <item name="android:windowAnimationStyle">@style/AnimFade </item>
    

    这样我们的主题也就设置成功了....

    相关文章

      网友评论

          本文标题:android页面之间切换的转场动画(主题设置)

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