Android Transition动画

已于 2023-03-26 10:06:15 修改
阅读量2.2k 收藏 6
点赞数 2
分类专栏： Android 图像动画 文章标签： android Transition动画
于 2018-08-23 16:57:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chennai1101/article/details/81984104
版权

1. 场景过渡动画

场景过渡动画是指以动画的形式实现View两个场景的切换，场景过渡动画中有两个特别关键概念：Scene（场景），Transition（过渡）。

  • Scene，代表一个场景
  • Transition，用来设置过渡动画效果用的

系统给提供了一些Transition动画效果。

系统Transition说明
ChangeBounds检测view的位置边界创建移动和缩放动画
ChangeTransform检测view的scale和rotation创建缩放和旋转动画
ChangeClipBounds检测view的剪切区域的位置边界
ChangeImageTransform检测ImageView的尺寸，位置以及ScaleType
Fade根据View的visibility状态的的不同创建淡入淡出动画
Slide根据View的visibility状态的的不同创建滑动动画
Explode根据View的visibility状态的的不同创建爆炸动画
AutoTransition默认动画，ChangeBounds、Fade动画的集合

2. TransitionManager.go场景动画

TransitionManager.go()实现场景动画，需要Scene和Transition。Scene通过getSceneForLayout(ViewGroup sceneRoot, int layoutId, Context context)方法获得，需要三个参数，其中sceneRoot是场景所在的View, layoutId是布局文件。

if (mChange) {
    Scene scene = Scene.getSceneForLayout(mContainer, R.layout.layout_scene_init, this)
    TransitionManager.go(scene, new ChangeBounds());
} else {
    Scene scene = Scene.getSceneForLayout(mContainer, R.layout.layout_scene_change_bounds, this);
    TransitionManager.go(scene, new ChangeBounds());
}
mChange = !mChange;

layout_scene_init.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="150dp">
    <ImageView
        android:id="@+id/iv_link"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:src="@drawable/icon_link"
        android:transitionName="sharedView1"/>
    <ImageView
        android:id="@+id/iv_qq"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentRight="true"
        android:src="@drawable/icon_qq"
        android:transitionName="sharedView2"/>
    <ImageView
        android:id="@+id/iv_pyq"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentBottom="true"
        android:src="@drawable/icon_pyq"
        android:transitionName="sharedView3"/>
    <ImageView
        android:id="@+id/iv_wx"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:src="@drawable/icon_wx"
        android:transitionName="sharedView3"/>
</RelativeLayout>

layout_scene_change_bounds.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="150dp">
    <ImageView
        android:id="@+id/iv_wx"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:src="@drawable/icon_wx"/>
    <ImageView
        android:id="@+id/iv_pyq"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentRight="true"
        android:src="@drawable/icon_pyq"/>
    <ImageView
        android:id="@+id/iv_qq"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentBottom="true"
        android:src="@drawable/icon_qq"/>
    <ImageView
        android:id="@+id/iv_link"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:src="@drawable/icon_link"/>
</RelativeLayout>

效果如下
这里写图片描述

3. TransitionManager.beginDelayedTransition场景动画

TransitionManager.beginDelayedTransition()实现场景动画，需要sceneRoot和Transition。

TransitionManager.beginDelayedTransition(ViewGroup, Transition)实现场景动画。

  • ChangeTransform，修改缩放。
    TransitionManager.beginDelayedTransition(mContainer, new ChangeTransform());

if (mChange) {
    mImageView.setScaleX(1);
    mImageView.setScaleY(1);
} else {
    mImageView.setScaleX(0.5f);
    mImageView.setScaleY(0.5f);
}
mChange = !mChange;
    效果如下
    这里写图片描述
  • ChangeClipBounds，裁剪位置
    TransitionManager.beginDelayedTransition(mContainer, new ChangeClipBounds());

if (mChange) {
    mImageView.setClipBounds(null);
} else {
    mImageView.setClipBounds(new Rect(10, 10, 110, 110));
}
mChange = !mChange;
    效果如下
    这里写图片描述
  • ChangeImageTransform，修改ImageView的ScaleTyepe
    TransitionManager.beginDelayedTransition(mContainer, new ChangeImageTransform());
if (mChange) {
    mImageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
} else {
    mImageView.setScaleType(ImageView.ScaleType.CENTER);
}
mChange = !mChange;
    效果如下
    这里写图片描述
  • Fade、Slide和Explode，修改visibility。利用TransitionSet实现多种动画，需要指定Target，Slide可指定方向。
    TransitionManager.beginDelayedTransition(mContainer,
        new TransitionSet()
                .addTransition(new Fade()
                        .addTarget(R.id.iv_link))
                .addTransition(new Slide(Gravity.TOP)
                        .addTarget(R.id.iv_qq))
                .addTransition(new Explode()
                        .addTarget(R.id.iv_pyq)
                        .addTarget(R.id.iv_wx)));
 if (!mChange) {
    mIvLink.setVisibility(View.GONE);
    mIvQQ.setVisibility(View.GONE);
    mIvPyq.setVisibility(View.GONE);
    mIvWX.setVisibility(View.GONE);
} else {
    mIvLink.setVisibility(View.VISIBLE);
    mIvQQ.setVisibility(View.VISIBLE);
    mIvPyq.setVisibility(View.VISIBLE);
    mIvWX.setVisibility(View.VISIBLE);
}
mChange = !mChange;
    效果如下
    这里写图片描述
    可用transition/transition_visibility.xml文件替代
    <transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:transitionOrdering="together">
    <fade >
        <targets>
            <target android:targetId="@+id/iv_link" />
        </targets>
    </fade>
    <slide
        android:slideEdge="top">
        <targets>
            <target android:targetId="@+id/iv_qq" />
        </targets>
    </slide>
    <explode>
        <targets>
            <target android:targetId="@+id/iv_pyq" />
            <target android:targetId="@+id/iv_wx" />
        </targets>
    </explode>
</transitionSet>
    使用TransitionInflater.inflateTransition(int)导入动画
    Transition transition = TransitionInflater.from(this)
    .inflateTransition(R.transition.transition_visibility);
TransitionManager.beginDelayedTransition(mContainer,  transition);

4. Activity过渡动画

Activity的切换效果，主要分为4类。

  • 从A界面跳转B界面，先调用A的ExitTransition，然后调用B的EnterTransition。
  • 从B界面返回A界面，先调用B的ReturnTransition（如果没有，使用EnterTransition），然后调用A的ReenterTransition（如果没有，使用ExitTransition）。
    需要在Theme中添加
    <!-- 添加支持Transations -->
<item name="android:windowActivityTransitions">true</item>
<!-- 前后两个页面是同步执行还是顺序执行, true为同步 -->
<item name="android:windowAllowEnterTransitionOverlap">false</item>
<item name="android:windowAllowReturnTransitionOverlap">false</item>
  • 通过Theme实现，
    <item name="android:windowEnterTransition">@transition/transition_enter_from_right</item>
<item name="android:windowExitTransition">@transition/transition_exit_explode</item>
    transition/transition_enter_from_right.xml文件
    <transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:transitionOrdering="together"
    android:duration="1000">
    <fade>
        <targets>
            <!-- excludeId 表示我们不需要该 id 的 view 进行过渡转场 -->
            <target android:excludeId="@android:id/statusBarBackground" />
            <target android:excludeId="@android:id/navigationBarBackground" />
        </targets>
    </fade>
    <slide
        android:slideEdge="right" >
        <targets>
            <target android:excludeId="@android:id/statusBarBackground" />
            <target android:excludeId="@android:id/navigationBarBackground" />
        </targets>
    </slide>
</transitionSet>
    transition/transition_exit_explode.xml文件
    <transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:transitionOrdering="together"
    android:duration="1000">
    <explode>
        <targets>
            <target android:excludeId="@android:id/statusBarBackground" />
            <target android:excludeId="@android:id/navigationBarBackground" />
        </targets>
    </explode>
</transitionSet>
    代码调用，低版本可用ActivityOptionsCompat替代ActivityOptions。
    Bundle bundle = ActivityOptions.makeSceneTransitionAnimation(this).toBundle();
startActivity(intent, bundle);
    效果如下
    这里写图片描述
  • 代码实现
    在A界面中，设置ExitTransition。
    Intent intent = new Intent(this, TransitionAnimationResultActivity.class);
Transition transition = new TransitionSet()
    .addTransition(new Slide(Gravity.LEFT).addTarget(R.id.iv_link).addTarget(R.id.iv_pyq))
    .addTransition(new Slide(Gravity.RIGHT).addTarget(R.id.iv_qq).addTarget(R.id.iv_wx))
    .setDuration(1000);

getWindow().setExitTransition(transition);
Bundle bundle = ActivityOptions.makeSceneTransitionAnimation(this).toBundle();
startActivity(intent, bundle);
    在B界面中，设置EnterTransition。
    Transition transition = new TransitionSet()
    .addTransition(new Fade().addTarget(R.id.iv_link).addTarget(R.id.iv_qq))
    .addTransition(new Explode().addTarget(R.id.iv_pyq).addTarget(R.id.iv_wx))
    .setDuration(1000);
getWindow().setEnterTransition(transition);
    效果如下
    这里写图片描述

5. 多个view的协作动画

首先指定Theme和过渡动画，

  • 实现单个View的协作动画
    在两个界面的配置文件中指定相同的transitionName属性
    android:transitionName="sharedView2"
    在代码调用makeSceneTransitionAnimation(Activity, View, String)方法
    Intent intent = new Intent(this, TransitionAnimationThemeResultActivity.class);
Bundle bundle = ActivityOptions.makeSceneTransitionAnimation(
    this, mIvQQ, "sharedView2").toBundle();
startActivity(intent, bundle);
    效果如下
    这里写图片描述
  • 实现多个View的协作动画
    首先指定transitionName属性，并调用makeSceneTransitionAnimation(Activity, Pair)方法
    Intent intent = new Intent(this, TransitionAnimationThemeResultActivity.class);
Bundle bundle = ActivityOptions.makeSceneTransitionAnimation(this,
    Pair.create(mIvLink, "sharedView1"),
    Pair.create(mIvQQ, "sharedView2"),
    Pair.create(mIvPyq, "sharedView3"),
    Pair.create(mIvWx, "sharedView4")).toBundle();
startActivity(intent, bundle);
    效果如下
    这里写图片描述

相关文章
Animation动画
帧动画
属性动画
组件动画
Transition动画

假装你是大灰狼
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android 使用TransitionManager来方便地实现过渡动画
朱豪凯的博客
07-20 3548
在开发中我们使用过渡动画，平时会用ObjectAnimator或ValueAnimator来完成。 但其实，我们可以用更简单的方式来实现同样的效果。 这就是TransitionManager，Google已经帮我们封装好了。 使用示例 首先，我们创建一个布局 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" an
安卓两个activity之间的过渡动画
ruiruiddd的博客
10-28 2715
链接: link 炫酷的Android过渡动画GitCode8关注0.5152020.07.14 22:15:13字数 2,766阅读 653【桃花潭水深千尺，不及汪伦送我情】 不知道大家有没有发现，Android版的掘金有下面这个小小动画：点击作者头像跳转到作者的详情页，而作者头像会从当前界面通过动画过渡详情页界面。 image 知识贫乏限制了我的视野，真心想不到这怎么实现的？ 最近在写动画方面文章时候，从网上找到了答案：Activity过渡动画中的共享元素过渡。 本文的初衷，是和大家一起扫盲
『Android-技能篇』优雅的转场动画之-Transition---掘金技术征文-双节特别篇
最新发布
xcbyaya的博客
05-16 590
其实Transition记录当前状态的属性值，比如位置大小或者自定义属性之类创建执行动画，参数为当前值和目标值，根据对应算法来完成动画效果根据目标状态的属性值和记录的缓存属性值，调用创建好的动画对象执行即可那落实到代码中，首先先集成Transition和。定义你关心的属性值；比如我想在文本颜色发生改变时做转场动画，就可以定义上述的属性。记录起始状态的属性；上述方法分别存储起始状态下对应的属性值：创建动画；复制代码参数值的和endValues。
android--转场动画makeSceneTransitionAnimation
yuezheyue123的博客
08-23 5875
实现以当前触发的view为起点，进行加载下级页面的view。 这里有两种情况 ①一对一 ②一对多 步骤： ①在跳转的时候设置makeSceneTransitionAnimation() ②在被跳转后的activity中布局文件设置transitionName属性，并且保持匹配 ...
Android Activity共享元素动画分析
Gaga246的博客
09-19 2665
所谓共享元素动画，就是从跳转到 通过控制某些元素()从开始帧的位置跳转到 结束帧的位置，应用过度动画的共享元素动画，其动画核心是使用的记录共享元素的开始帧、结束帧，然后使用过度动画管理类调用方法 应用过度动画 所以咱们先介绍一下的一些基础知识是 开始提供的一个过渡动画管理类，功能非常强大；其可应用在两个之间、之间、之间应用过渡动画有两个比较重要的类和 , 咱们先来介绍一下这两个类顾名思义就是场景的意思，在执行动画之前，我们需要创建两个场景(场景A和场景B), 其动画执行流程如下：生成场景有两种方式; 一种是
android转场动画总结
贰佰没有伍
11-11 1905
Android转场动画总结 1.Android5.0以前转场动画 Activity overridePendingTransition(R.anim.activity_in, R.anim.activity_out); Fragment supportFragmentManager.beginTransaction().setCustomAnimations(R.anim.fragment_enter, R.anim.fragment_exit); 2.从Android 5.0 之后，可以用 A
android-transition-anim:简单的Android Transition动画
05-24
android-transition-anim 对于我的博客文章 ，仅提供一些简单的Android Transition动画。 用法 将4个.xml文件复制到您的Android项目的res/anim文件夹中。 然后，您可以在代码中引用例如R.anim.pull_in_left
Android雪花飘落动画
04-05
Android支持多种动画类型，包括属性动画（Property Animation）、视图动画（View Animation）和过渡动画（Transition Animation）。对于雪花飘落这样的2D效果，我们通常会使用属性动画，因为它提供了更多的控制和...
android 各种动画
07-11
Android还提供了**过渡动画(Transition Animation)**，主要应用于Activity间的切换或者Fragment的显示隐藏。`Transition`类是过渡动画的基础，它包含了开始和结束两个场景，通过比较两者的差异来创建动画。`Fade`、`...
Android动画介绍-总结
05-02
在Android开发中，动画是提升用户体验的关键因素，它能让应用变得更加生动、有趣且易于交互。本文将对Android动画进行深入的总结，涵盖基础动画、属性动画以及如何在实际项目中应用。 1. 基础动画（View Animation...
Android引导动画.zip
03-13
6. **视图状态动画**：Android系统提供了一种视图状态动画的方式，允许开发者在视图状态改变时自动应用动画，如Transition API，它可以方便地处理布局过渡动画。 7. **插值器与时间函数**：动画的时间进度可以通过...
android的四种动画效果
12-07
安卓的四种动画效果 适合新手的入门学习 有问题请留言
Android约束布局中用ConstraintHelper实现过渡动画效果
路宇的博客
02-22 638
通过继承 ConstraintHelper 类，CircularRevealHelper 类可以继承 ConstraintLayout 的功能，并且可以通过调用父类的方法来获取 ConstraintLayout 中的子视图，进而对这些子视图进行 CircularReveal 动画的实现。继承ConstraintHelper的作用：继承 ConstraintHelper 类的主要目的是为了在自定义 CircularRevealHelper 类中重用 ConstraintLayout 的布局约束和属性。
Android学习之Activity深入
Sky的博客
09-05 2795
activitiy中打开一个Aactivitiy，Aactivitiy会走以下生命周期 onCreate–》onStart–》onResume–》A运行–》发出打开B的intent–》AonPause–》B可见–》AonStop，此时B经历同样的生命周期， 等B结束，A再度可见，onRestart–》onStart–》onResume注意：AonPause之后B可见，为了不影响B界面的显示，这里
Android 安卓动画 补间动画 - 平移动画
Android_1314的博客
05-06 1402
找到anim点击OK，此时就创建好了 在这个文件夹(anim)下新建xml文件，右击anim文件夹按下图操作创建 在这个xml文件中写入属性，属性详细见下列表格解释: <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android=“http://schemas.android.com/apk/res/android” android:duration=“2000” android:fillAfter=“false” an
Android过渡动画（Transition Animation）
ZhangJian的博客
02-10 2661
本篇博客记录一下Android中过渡动画的用法。
Android View的三种移动方式盘点
hdxx2022的博客
01-05 517
要使View在规定的时间中移动到指定的位置，我们会调用startScroll()方法，startScroll()是Scroller类中的方法，另外Scroller类中还有一个filing()方法也是很常用的，它主要是处理平滑的移动，一般营造滑动之后的惯性效果，使得View的移动更逼真。
Android自定义Transition动画
热门推荐
Loader's Blog
11-21 1万+
曾经(或者现在)很多人说起Android和iOS都会拿Android的UI设计来开黑, “你看看人家iOS的设计, 再来看看Android的, 差距怎么就这么大呢?”, 对于这种说辞, 可以一句话来总结一下”他们还停留在4.X之前的时代”. 自从Android5.0推出Material Design设计规范后, Android在设计上早已甩那个万年不变的iOS好几十条街!以上纯属个人看法, 请勿开黑
关于Android View的三种移动方式
ysds20211402的博客
04-01 877
转自：微点阅读https://www.weidianyuedu.com Android开发中，View一直是Android开发人员的一块心病，一方面想要进阶，一方面又害怕进阶，可以说Android的View是进阶路上的最大绊脚石，因为它涉及的东西太多了，比如本次我们此次要写的View移动，另外还包括View的触摸事件的传递，创建自定义View，这些都是极其重要且不得不面对的难题。但是无论如何，现在不克服的困难将来就会被困难克服。 Let"s begin！ 在此之前，我们还是先了解Android..
android transition
09-19
Android Transition是Android系统提供的一种动画过渡效果，可以用于Activity、Fragment、View等组件之间的切换。它可以实现多种动画效果，如淡入淡出、滑动、缩放、旋转等，可以让用户在界面切换时感受到更加流畅、自然的过渡效果，提升用户体验。同时，Android Transition也提供了一些自定义的API，可以让开发者根据自己的需求来实现更加个性化的动画效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值