您的位置:首页 > 移动开发

为安卓APP设置统一风格的界面切换动画

2016-11-26 00:00 225 查看
其实这也是我自己遇到的问题,为了避免下次遇到再满世界去找,我还是记录下来,网上的都是不全的。我也是满心无奈、
我们首先要意识到,界面切换有几种?

当界面被打开直至充满整个屏幕的时候的动画。

界面已经充满屏幕,但是被刚才新打开的界面遮住的动画。

当界面关闭的时候的动画

当刚才被遮住的界面重新回到屏幕的动画。
#那么
##在anim文件夹下新建这么几个文件
on_activity_open.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="500">
<!--当界面被打开的动画 从屏幕右边往屏幕移动 直至覆盖整个屏幕-->
<translate android:fromXDelta="100%p" android:toXDelta="0%p"/>
</set>

on_activity_puse.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="500">
<!--当界面被遮住的动画 从界面往左边移动,直至消失在屏幕的左边-->
<translate android:fromXDelta="0%p" android:toXDelta="-100%p"/>
</set>

on_activity_close.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="500">
<!--当界面被关闭的动画 从屏幕往屏幕右边移动,直至消失在界面右边-->
<translate android:fromXDelta="0%p" android:toXDelta="100%p"/>
</set>

on_activity_reopen.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="500">
<!--当被遮住的界面重新回到平面的动画 从屏幕的左边往屏幕移动(右边),直至重新遮住整个屏幕-->
<translate android:fromXDelta="-100%p" android:toXDelta="0%p"/>
</set>

##那么在style中应该这么写(其中一部分是抄网友的,自己结合了一下)

<!--当我们从 A1 启动 A2 时,A1 从屏幕上消失,这个动画叫做 android:activityOpenExitAnimation-->
<!--当我们从 A1 启动 A2 时,A2 出现在屏幕上,这个动画叫做 android:activityOpenEnterAnimation-->
<!--当我们从 A2 退出回到 A1 时,A2 从屏幕上消失,这个叫做 android:activityCloseExitAnimation-->
<!--当我们从 A2 退出回到 A1 时,A1 出现在屏幕上,这个叫做 android:activityCloseEnterAnimation-->
<style name="Animation" parent="@android:style/Animation">
<item name="android:activityOpenEnterAnimation">@anim/on_activity_open</item>
<item name="android:activityOpenExitAnimation">@anim/on_activity_puse</item>
<item name="android:activityCloseEnterAnimation">@anim/on_activity_reopen</item>
<item name="android:activityCloseExitAnimation">@anim/on_activity_close</item>
<item name="android:taskOpenEnterAnimation">@anim/on_activity_open</item>
<item name="android:taskOpenExitAnimation">@anim/on_activity_puse</item>
<item name="android:taskCloseEnterAnimation">@anim/on_activity_reopen</item>
<item name="android:taskCloseExitAnimation">@anim/on_activity_close</item>
<item name="android:taskToFrontEnterAnimation">@null</item>
<item name="android:taskToFrontExitAnimation">@null</item>
<item name="android:taskToBackEnterAnimation">@null</item>
<item name="android:taskToBackExitAnimation">@null</item>
</style>


续:最近发现按照自己写的教程,怎么都设置不上去,后来发现,还需要这样:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:windowAnimationStyle">@style/Animation</item>
</style>


然后在你的Minafest的application里面设置:
android:theme="@style/AppTheme"
这样就完全统一了切换动画了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Activity切换 动画