美文网首页
过渡动画

过渡动画

作者: woochen123 | 来源:发表于2017-09-21 11:00 被阅读0次

种类

ActivityOptionsCompat.makeCustomAnimation(Context context, int enterResId, int exitResId)

ActivityOptionsCompat.makeScaleUpAnimation(View source,int startX, int startY, int startWidth, int startHeight)

ActivityOptionsCompat.makeThumbnailScaleUpAnimation(View source,Bitmap thumbnail, int startX, int startY)

//单元素共享动画
ActivityOptionsCompat.makeSceneTransitionAnimation(Activity activity, View sharedElement, String sharedElementName)
//多元素共享动画
ActivityOptionsCompat.makeSceneTransitionAnimation(Activity activity,Pair<View, String>… sharedElements)

使用

1.在theme中配置(非必须)

<style name="AppTheme" parent="Theme.AppCompat">
    <item name="android:windowContentTransitions">true</item>
</style>

2.配置用来过渡的view

//需要在当前Activity和目标Activity中同时定义
android:transitionName="@string/to_device_info"

3.在界面中调用

//单元素过渡
val intent = Intent(this@MainActivity, DeviceInfoActivity::class.java)
        val toBundle = ActivityOptionsCompat.makeSceneTransitionAnimation(
            this@MainActivity,
            tv_test,
            ResourceUtil.getString(R.string.to_device_info)
        ).toBundle()
startActivity(intent, toBundle)
//多元素过渡
val pair1 = android.support.v4.util.Pair<View, String>(tv_test,ResourceUtil.getString(R.string.to_device_info))
        val pair2 = android.support.v4.util.Pair<View, String>(tv_test,ResourceUtil.getString(R.string.to_device_info))
        val  intent =  Intent(this@MainActivity, DeviceInfoActivity::class.java)
        val bundle = ActivityOptionsCompat.makeSceneTransitionAnimation(this@MainActivity, pair1,pair2).toBundle()
startActivity(intent, bundle)

4.目标Activity返回

finishAfterTransition() //将finish替换

注意

过渡动画只对activity生效,fragment不会生效

相关文章

  • JS中的动画事件和过渡事件

    动画事件 动画事件demo 过渡动画事件 过渡动画事件demo

  • CSS3过渡动画

    过渡动画 transition属性简介transition是网页上的过渡动画,变化的逐渐过渡效果,简称过渡动画!列...

  • 过渡与动画

    @(HTML5)[过渡, 动画] [TOC] 五、过渡与动画 过渡 transition-property:过渡属...

  • 动画core animation

    type 动画过渡类型subtype 动画过渡方向

  • Android过渡动画Scene and Transition(

    Android场景过渡——Scene and Transition(一) 场景过渡动画 场景过渡动画是指以动画的形...

  • 016 过渡及动画

    过渡与动画 一、过渡 1、过渡属性 二、动画 1、动画属性 2、动画体 v_hint:动画属性设置给指定选择器标签...

  • CSS3--动画

    特点 过渡和动画之间的相同点过渡和动画都是用来给元素添加动画的过渡和动画都是系统新增的一些属性过渡和动画都需要满足...

  • CSS3动画

    css3动画包括过渡,形变,动画 过渡transition: 指定过渡样式:transition-property...

  • web前端-CSS3动画

    动画和过渡的异同 相同点过渡和动画都是给元素添加动画的过渡和动画都是CSS3新增的属性过渡和动画都需要满足三要素才...

  • Vue中的动画

    基础CSS过渡和动画 动画:keyframes过渡:transition 列表动画 状态动画 组件和元素切换 1....

网友评论

      本文标题:过渡动画

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