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

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

  • 当界面被打开直至充满整个屏幕的时候的动画。
  • 界面已经充满屏幕,但是被刚才新打开的界面遮住的动画。
  • 当界面关闭的时候的动画
  • 当刚才被遮住的界面重新回到屏幕的动画。

那么

在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" 这样就完全统一了切换动画了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Material Design组件

Human Interface Guidelines —— Text Views & Web Views

963
来自专栏极乐技术社区

微信小程序那点事:特性总结

一、微信小程序运行环境 1、完全封闭的环境不等于浏览器环境 2、WXML/WXSS/JS格式 3、WXML 不等于 HTML 4、WX...

2216
来自专栏web编程技术分享

【手把手】制作一个简单的HTML网页

8609
来自专栏达摩兵的技术空间

h5标签入门

1131
来自专栏阿凯的Excel

巧用格式刷解决合并单元格无法统计问题

最近小编一直在分享Python,有朋友和我聊! 我是谁!我来自哪里!我要去往何处! 好吧,为了能对得起我的名字《阿凯的Excel》 本小编决定每周不少于一...

3776
来自专栏前端说吧

JS-鼠标经过显示二级菜单

53910
来自专栏姬小光

姬小光前端小讲堂【第002期】

在上一期“然并卵的 Hello World !”(聊天界面回复 001)发出之后,同学们的反应跟我的预期出奇的一致,那就是然!并!卵!

1132
来自专栏MixLab科技+设计实验室

DIY一个Sketch插件,生成猫猫狗狗的全家福

最近朋友圈都在玩的全家福: ? 看了下是使用 cocos2D 引擎制作的, http://www.cocos.com/creator 主要是图片合成,利用前端...

3277
来自专栏更流畅、简洁的软件开发方式

分享一个基于jQuery的锁定表格行列的js脚本。

  网上也有很多锁定行列的方法,一个是使用css,另一个就是专门的控件附带有锁定的功能。css的大多数锁定行,而不能锁定列。好像看过园子里的司徒正美,写过一个用...

3006
来自专栏Google Dart

AngularDart Material Design 列表 顶

它构成了选择和菜单组件的基础。 MaterialListComponent类充当提供样式和收集项事件的能力的列表的根节点。

1182

扫码关注云+社区

领取腾讯云代金券