为安卓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 条评论
登录 后参与评论

相关文章

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

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

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

2897
来自专栏青玉伏案

iOS开发之三个Button实现图片无限轮播(参考手机淘宝,Swift版)

这两天使用Reveal工具查看"手机淘宝"App的UI层次时,发现其图片轮播使用了三个UIButton的复用来实现的图片循环无缝滚动。于是乎就有了今天这篇博客,...

2328
来自专栏重庆的技术分享区

如何用css和js禁止网页选择文字(兼容) 保护版权呢?(附代码)

2052
来自专栏郭霖

Android最佳性能实践(四)——布局优化技巧

在前面几篇文章当中,我们学习了如何通过合理管理内存,以及高性能编码技巧的方式来提升应用程序的性能。然而实际上界面布局也会对应用程序的性能产生比较大的影响,如果布...

2238
来自专栏Google Dart

AngularDart Material Design 列表 顶

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

902
来自专栏飞雪无情的博客

Android设计应用图标不用愁---Asset Studio Integration来帮你

Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具,它是由RomanNurik开发的。现在我们已经在ADT14里支持同...

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

h5标签入门

811
来自专栏前端之路

VSCode安装与配置

1274
来自专栏Material Design组件

Human Interface Guidelines —— Text Views & Web Views

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

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

3099

扫码关注云+社区