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

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

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

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

Step1

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

<style name="AppTheme" parent
了解本专栏 订阅专栏 解锁全文
@ZhangJun
关注
专栏目录
订阅专栏
Android 点击图片放大至全屏 再次点击关闭过度动画 Shared Element效果（共享元素效果）
qq_46041134的博客
11-04 2590
Android 点击图片放大至全屏 再次点击关闭过度动画 最近项目需要给用户一个体验优化，各种查阅，然后改了很多地方，类似于图片的点击预览，消息列表的点击流畅过渡。 Shared Element效果（共享元素效果） 核心代码只有简单的几行，属于知识扫盲，一直没留意这种动画效果，然后可以根据这种效果自己实现，封装View. 首先在项目布局xml中实现transitionName android:transitionName="{放入自定义的TagName}" 事件处理的layout.xml
android自定义共享元素动画,深入理解共享元素变换（Shared Element Transition）-上
weixin_29323049的博客
05-27 1086
本文将深入分析共享元素变换(shared element transition)以及它在Activity 和Fragment Transitions API中所扮演的角色。这是这Transition系列文章的第三部分：第三章下: Shared Element Transitions In Practice (即将发布)第四章: Activity & Fragment Transition ...
android 元素共享动画,Android 共享元素动画
weixin_36463088的博客
05-25 508
介绍该动画主要是用来两个界面的转场过渡，原理是两个activity共享同一个元素控件。步骤1.在两个界面activity的共享控件中添加同一个属性android:transitionName="myimageview"自定义的字符串“myimageview”需要保持一致。比如跳转前：activity_a.xmlandroid:id="@+id/img"android:layout_width="3...
Android动画之共享元素动画简单实践
最新发布
AntDream的程序世界
07-29 879
这个示例展示了如何在两个Activity之间实现共享元素过渡动画。关键步骤包括在布局文件中设置属性，在代码中通过创建动画选项，并启动目标Activity。如果需要更精细的动画效果，还可以通过自定义过渡动画文件来配置。共享元素动画可以显著提升用户体验，尤其是当你需要在界面间平滑过渡具体元素（如图片、文本）时，可以提供更自然和清晰的视觉反馈。欢迎关注我的公众号AntDream查看更多精彩文章！
Android 共享元素动画
长安
12-28 1281
介绍 该动画主要是用来两个界面的转场过渡，原理是两个activity共享同一个元素控件。 步骤 1.在两个界面activity的共享控件中添加同一个属性 android:transitionName="myimageview" 自定义的字符串“myimageview”需要保持一致。 比如 跳转前：activity_a.xml <ImageView android:id="@+id/img" android:layout_width="355dp"
Android动画之共享元素动画
lidongxiu0714
01-03 9376
我们都听说过Android Activity跳转间的转场动画，今天就介绍转场动画中的一种： Android 提供了三种Transition类型： 进入动画：进入一个Activity的过渡动画，Activity如何出现在屏幕中。 退出动画：退出一个Activity的过渡动画，Activity 如何退出屏幕。 共享元素动画：共享元素过渡动画决定两个Activity之间的过渡，共享某些视图，出现缩放效果...
android 元素共享动画,android转场动画--共享元素(Shared Element)
weixin_34315264的博客
05-25 607
什么是共享元素呢？可以理解为当页面跳转是，看起来一个View属于界面A又属于界面B。 看一下下边这个效果：在这个转场动画中，图片和文字都是共享元素，具体怎么实现这种效果呢？Step1首先需要先在style.xml配置上允许内容过度。trueStep2为共享元素设置上transtionName。设置name的时候两个界面都要添加上，这样才可以检测到是哪两个元素共享。android:id="@+id/...
Android 共享元素动画简单应用
weixin_39413778的博客
10-24 230
Android 5.0 之后开始支持共享元素动画，该动画主要应用于两个Activity之间，两个Activity之间可以共享某些控件，Activity A跳转到Activity B的时候，A的某个控件能自动移动到B的相应控件的位置，产生动画。该动画看起来很高大上，而且实现方法非常简单，是我目前见过的实现起来最简单的动画了。 1、要在来个Activity的共享控件中，都需要加上这个共享属性，并保持值...
Android转场动画-Activity_Transition
07-29
1. **共享元素转场**（Shared Element Transition）：这是一种特殊的转场动画，用于两个Activity之间具有相同视觉元素（如图片或按钮）的平滑过渡。通过`ActivityOptionsCompat.makeSceneTransitionAnimation()`方法...
Android5.0之Activity的转场动画的示例
08-29
本文将详细解析Android 5.0的Activity转场动画，包括旧版动画的回顾以及新版动画的两大类别：分解、滑动进入、淡入淡出和共享元素动画。 ### 1. 旧版转场动画回顾 在Android 5.0之前，开发者通常通过`...
详解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 1281
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 318
共享元素动画我们都听说过Android Activity跳转间的转场动画，今天就介绍转场动画中的一种：Android 5.0提供了新的转场动画实现方式，利用ActivityOptions，v4包中有ActivityOptionsCompat适配类，虽然是适配类但是5.0以下的系统还是没有效果，这里的适配仅仅是5.0以下使用ActivityOptionsCompat不会crash。要使用5.0的转场...
Android转场动画(共享元素)
qq_38898286的博客
04-19 469
第一个参数本activity的context对象 在Oncrete的方法内设置context = this即可。某张图片可能在界面A是缩略图,点击之后进入第二个界面查看高清图。目的就是将第一张图片转化为第二张图片的变化过程设置为转场动画。第三个参数:第二个图片的的transitionName的值。共享元素:就是在两个界面共有的元素,既在界面A又在界面B。设置好了跳转界面即可,如果想跳回来 上面操作反过来即可。第二个参数:第一个图片的id。
Android共享元素动画
wolf0706的专栏
12-12 668
在目标 Activity 的 onCreate() 方法中，我们首先通过 supportStartPostponedEnterTransition() 方法来启动转场动画过渡。在 onTransitionEnd() 方法中，您可以执行动画结束后需要的操作。首先，在布局文件中定义两个界面的 SurfaceView，并为它们设置相同的 android:transitionName 属性。在源 Activity 中，当用户启动目标 Activity，并设置共享元素动画。
Android 5.0 Activity转场动画实战：分解与共享元素效果
"Android5.0之Activity的转场动画的示例" 在Android开发中，Activity的转场动画是用户体验的重要组成部分。在Android 5.0（Lollipop）之前，开发者通常通过`overridePendingTransition()`方法配合补间动画来实现...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

@ZhangJun

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

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

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

打赏作者

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

抵扣说明：

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

余额充值