Android转场动画--共享元素(Shared Element)

已于 2022-08-11 10:53:53 修改
阅读量6.5k 收藏 13
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Android 基础 文章标签： 转场动画 共享元素 Android
于 2019-02-23 15:28:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/johnWcheung/article/details/87892919
本文介绍了Android中实现共享元素转场动画的方法，通过设置transtionName、配置风格和使用ActivityOptionsCompat来创建过渡效果。在转场过程中，图片和文字作为共享元素，使得界面跳转更为平滑自然。只需简单几步，即可实现类似文章开头所示的动画效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

什么是共享元素呢？可以理解为当页面跳转时，看起来一个View属于界面A又属于界面B， 看一下下边这个效果：
在这里插入图片描述

在这个转场动画中，图片和文字都是共享元素，具体怎么实现这种效果呢？

Step1

首先需要先在style.xml配置上允许内容过度。

<style name="AppTheme" parent=
了解本专栏 订阅专栏 解锁全文 超级会员免费看
android 元素共享动画,Android 共享元素动画
weixin_36463088的博客
05-25 595
介绍该动画主要是用来两个界面的转场过渡，原理是两个activity共享同一个元素控件。步骤1.在两个界面activity的共享控件中添加同一个属性android:transitionName="myimageview"自定义的字符串“myimageview”需要保持一致。比如跳转前：activity_a.xmlandroid:id="@+id/img"android:layout_width="3...
android自定义共享元素动画,深入理解共享元素变换（Shared Element Transition）-上
weixin_29323049的博客
05-27 1248
本文将深入分析共享元素变换(shared element transition)以及它在Activity 和Fragment Transitions API中所扮演的角色。这是这Transition系列文章的第三部分：第三章下: Shared Element Transitions In Practice (即将发布)第四章: Activity & Fragment Transition ...
Android中的沉浸式丝滑转场之共享元素转场动画
fxjzzyo的博客
08-06 2468
本文介绍了Android中共享元素转场动画的效果演示，尤其是比较常见的**列表页面共享元素转场动画**。 2. 介绍了实现方法：通过Android中提供了 `ActivityOptionsCompat.makeSceneTransitionAnimation` 方法来实现场景转场动画 3. 提供了两个完整的代码示例演示。
共享元素转场 (一镜到底)
最新发布
2302_77228054的博客
06-24 742
共享元素转场是一种界面切换时对相同或者相似的两个元素做的一种位置和大小匹配的过渡动画效果，也称一镜到底动效。
Android 共享元素动画
长安
12-28 1357
介绍 该动画主要是用来两个界面的转场过渡，原理是两个activity共享同一个元素控件。 步骤 1.在两个界面activity的共享控件中添加同一个属性 android:transitionName="myimageview" 自定义的字符串“myimageview”需要保持一致。 比如 跳转前：activity_a.xml <ImageView android:id="@+id/img" android:layout_width="355dp"
Android动画之共享元素动画
lidongxiu0714
01-03 9990
我们都听说过Android Activity跳转间的转场动画，今天就介绍转场动画中的一种： Android 提供了三种Transition类型： 进入动画：进入一个Activity的过渡动画，Activity如何出现在屏幕中。 退出动画：退出一个Activity的过渡动画，Activity 如何退出屏幕。 共享元素动画：共享元素过渡动画决定两个Activity之间的过渡，共享某些视图，出现缩放效果...
android 元素共享动画,android转场动画--共享元素(Shared Element)
weixin_34315264的博客
05-25 668
什么是共享元素呢？可以理解为当页面跳转是，看起来一个View属于界面A又属于界面B。 看一下下边这个效果：在这个转场动画中，图片和文字都是共享元素，具体怎么实现这种效果呢？Step1首先需要先在style.xml配置上允许内容过度。trueStep2为共享元素设置上transtionName。设置name的时候两个界面都要添加上，这样才可以检测到是哪两个元素共享。android:id="@+id/...
Android转场动画-Activity_Transition
07-29
1. **共享元素转场**（Shared Element Transition）：这是一种特殊的转场动画，用于两个Activity之间具有相同视觉元素（如图片或按钮）的平滑过渡。通过`ActivityOptionsCompat.makeSceneTransitionAnimation()`方法...
Android动画之共享元素动画简单实践
AntDream的程序世界
07-29 1480
这个示例展示了如何在两个Activity之间实现共享元素过渡动画。关键步骤包括在布局文件中设置属性，在代码中通过创建动画选项，并启动目标Activity。如果需要更精细的动画效果，还可以通过自定义过渡动画文件来配置。共享元素动画可以显著提升用户体验，尤其是当你需要在界面间平滑过渡具体元素（如图片、文本）时，可以提供更自然和清晰的视觉反馈。欢迎关注我的公众号AntDream查看更多精彩文章！
Android 转场动画合集
qq_30974087的博客
12-30 630
转场动画
Android 共享元素动画简单应用
weixin_39413778的博客
10-24 315
Android 5.0 之后开始支持共享元素动画，该动画主要应用于两个Activity之间，两个Activity之间可以共享某些控件，Activity A跳转到Activity B的时候，A的某个控件能自动移动到B的相应控件的位置，产生动画。该动画看起来很高大上，而且实现方法非常简单，是我目前见过的实现起来最简单的动画了。 1、要在来个Activity的共享控件中，都需要加上这个共享属性，并保持值...
详解Android(共享元素)转场动画开发实践
08-29
本篇文章主要介绍了详解Android(共享元素)转场动画开发实践，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
Android 共享元素 揭露动画
12-03
在github上看到，大神做出了一个华丽的转场效果，使用了Silde,依次将子控件滑出界面（在上一篇里面，已经学习了怎么使用），然后将列表上item的某一个元素共享，使之成为下个页面的焦点，再执行一RevealAnimator。 本博将试图从用户体验和交互效果上来说明，良好的过渡动画和交互的重要性。
Android5.0共享元素，实现Activity如丝般平滑过渡
11-18
在android 中，5.0以前，我们可以利用 google 提供的api来完成转场动画，使界面的跳转顺滑。5.0，Android提供了一种叫做：共享元素。实现，转场时界面如丝般顺滑的过渡，为5.0新特性
android共享元素动画_Android共享元素过渡动画
从零开始的教程世界
07-09 1377
android共享元素动画In this tutorial we’ll implement a different kind of animation transition namely Shared Element Transition between activities. 在本教程中，我们将实现另一种动画过渡，即活动之间的共享元素过渡 。 Android共享元素过渡动画 (Android...
android共享动画兼容,Android动画之共享元素动画
weixin_34079693的博客
05-25 354
共享元素动画我们都听说过Android Activity跳转间的转场动画，今天就介绍转场动画中的一种：Android 5.0提供了新的转场动画实现方式，利用ActivityOptions，v4包中有ActivityOptionsCompat适配类，虽然是适配类但是5.0以下的系统还是没有效果，这里的适配仅仅是5.0以下使用ActivityOptionsCompat不会crash。要使用5.0的转场...
Android转场动画(共享元素)
qq_38898286的博客
04-19 718
第一个参数本activity的context对象 在Oncrete的方法内设置context = this即可。某张图片可能在界面A是缩略图,点击之后进入第二个界面查看高清图。目的就是将第一张图片转化为第二张图片的变化过程设置为转场动画。第三个参数:第二个图片的的transitionName的值。共享元素:就是在两个界面共有的元素,既在界面A又在界面B。设置好了跳转界面即可,如果想跳回来 上面操作反过来即可。第二个参数:第一个图片的id。
Android共享元素动画
wolf0706的专栏
12-12 1147
在目标 Activity 的 onCreate() 方法中，我们首先通过 supportStartPostponedEnterTransition() 方法来启动转场动画过渡。在 onTransitionEnd() 方法中，您可以执行动画结束后需要的操作。首先，在布局文件中定义两个界面的 SurfaceView，并为它们设置相同的 android:transitionName 属性。在源 Activity 中，当用户启动目标 Activity，并设置共享元素动画。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@ZhangJun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值