zoukankan      html  css  js  c++  java
  • Android开发——游戏约玩app源码中转场动画的实现

    一、简介
    1.在游戏约玩app源码中,两个activity之间切换时界面的过渡效果。
    2.两个activity或者Fragment之间shared elements切换效果。
    3.游戏约玩app源码中转场动画的两种常用方式:

    • overridePendingTransition
    • ActivityOptions

    二、overPaddingTransition动画
    1.假如在游戏约玩app源码中有A和B两个页面进行切换,A:从屏幕中间往左边移,直至消失。B:从右边出现,移动到屏幕中间,直至与屏幕重合。
    2.新建一个anim包,在里面创建几个资源文件。

    • left_exit.xml:从左边消失的动画,移动距离为一个屏幕的宽度。所以为-100%p(相当于A页面的动画,从屏幕中消失)
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
         android:fromXDelta="0"
         android:toXDelta="-100%p"
         android:duration = "500"
        >
    </translate>
    
    • left_enter.xml:从右边进入的动画。(相当于B页面的动画,从右侧进入屏幕)
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromXDelta="100%p"
        android:toXDelta="0"
        android:duration = "500"
        >
    </translate>
    

    3.在游戏约玩app源码中任意搭建两个界面,添加两个按钮,然后修改一下背景颜色即可。先实现第一个next按钮的点击事件。

    next.setOnClickListener {
         startActivity(Intent(this,DetailActivity::class.java))
         overridePendingTransition(R.anim.left_enter_anim,R.anim.left_exit_anim)
    }
    

    4.跳转过去之后,如果又要跳回去,那么在另外一个Activity里面实现一下back按钮的点击事件即可

    back.setOnClickListener{
                finish()
            }
    
    • 如果只调用finish()函数的话,那么它只会在游戏约玩app源码中没有任何动画效果地跳转回去,一点都不美观。

    5.如果想让它也有一点动画效果,那么再添加两个资源文件即可。这一次是从右边推过去。

    • right_enter.xml:从最左边进入屏幕中间。
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromXDelta="-100%p"
        android:toXDelta="0"
        android:duration = "500">
    </translate>
    
    • right_exit.xml:从屏幕中间移动到最右边。
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromXDelta="0"
        android:toXDelta="100%"
        android:duration = "500">
    </translate>
    

    6.在back按钮的监听事件中添加这个动画效果

    overridePendingTransition(R.anim.right_enter_anim,R.anim.right_exit_anim)
    

    7.左右都可以,那么上下切换也可以。我们添加两个从底部出现和消失的资源文件

    • bottom_enter.xml:从底部进入屏幕,这一回只用修改y坐标。
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromYDelta="100%p"
        android:toYDelta="0"
        android:duration = "500">
    </translate>
    
    • top_exit.xml:从屏幕中向上移动,直至消失。
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromYDelta="0"
        android:toYDelta="-100%p"
        android:duration = "500">
    </translate>
    

    8.在MainActivity里面设置一下就可以使用,从另外一个页面切换回来的动画又要重新设置一下。

    overridePendingTransition(R.anim.botton_enter_anim,R.anim.top_exit_anim)
    

    9.在游戏约玩app源码中除了推动,还可以设置透明度动画。

    • alpha_enter.xml:进入的动画。
    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromAlpha="0"
        android:toAlpha="1"
        android:duration = "500">
    </alpha>
    
    • alpha_exit.xml:消失的动画。
    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromAlpha="1"
        android:toAlpha="0"
        android:duration = "500">
    </alpha>
    
    overridePendingTransition(R.anim.alpha_enter_anim,R.anim.alpha_exit_anim)
    

    同理,缩放,旋转那些动画都是可以自己做的。

    三、共享元素切换
    1.游戏约玩app源码界面切换时 需要有共享元素切换效果。比如A和B页面都有两张图片,那么我们想让A页面的图片和B页面的图片作为共享元素,让它们的转换更平滑一点。
    1.在游戏约玩app源码的界面A和B中 为共享控件设置相同的transitionName

    android:transitionName="picture2"
    

    2.创建ActivityOptions对象

    val options = ActivityOptions.makeSceneTransitionAnimation(this,imageView,"picture2")
    

    3.启动界面

    startActivity(Intent(this,DetailActivity::class.java),options.toBundle())
    

    四、多个共享动画
    1.在游戏约玩app源码中有共享元素时,切回去的方法就可以使用以下函数,这样切回去也会有一定的动画效果。

    finishAfterTransition()
    

    2.如果有多个共享元素,那么给其他元素也设置相同的transitionName,使用Pair将它们联系在一起

                    val options=
                    ActivityOptions.makeSceneTransitionAnimation(
                        this,
                        Pair<View,String>(imageView,"picture1"),
                        Pair<View,String>(imageView2,"picture2")
                        )
    

    3.还有很多其他的动画,比如以下:

    val options = ActivityOptions.makeScaleUpAnimation(
                imageView,0,0,imageView.width,imageView.height
    

    4.还有其他方法来处理共享动画

             window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
            window.exitTransition = Slide(Gravity.END).setDuration(1000)
            window.enterTransition= Slide(Gravity.END).setDuration(1000)
    

    以上就是“Android开发——游戏约玩app源码中转场动画的实现”的全部内容了,希望对大家有帮助。

    本文转载自网络,转载仅为分享干货知识,如有侵权欢迎联系云豹科技进行删除处理

    原文链接:https://www.jianshu.com/p/bafec95e8573

  • 相关阅读:
    备忘链接执行js时注意target必须是_self或者_top
    windows2003 Server远程连接Event Error;event id:12517,12503,1111
    网站配置了Url重写的Handler会导致虚拟目录找不到dll
    SEO 搜索引擎优化技巧
    11款开源Wiki管理系统
    收集了几个优秀的设计公司网站
    8款开源聊天系统和程序/Open Chat
    制作Web应用程序安装程序的方法
    转:推荐21套非常棒的网页设计图标素材
    14款开源文档管理系统
  • 原文地址:https://www.cnblogs.com/yunbao/p/14963574.html
Copyright © 2011-2022 走看看