iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >Android怎么显示共享元素动画效果
  • 332
分享到

Android怎么显示共享元素动画效果

2023-06-29 03:06:16 332人浏览 独家记忆
摘要

这篇“Android怎么显示共享元素动画效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android怎么显示共享元素动画

这篇“Android怎么显示共享元素动画效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android怎么显示共享元素动画效果”文章吧。

bug描述

设计同学想搞一个点击图片item,item内的图片移动到新页面的图片位置的效果,一想就是共享元素就能搞定啊。

compaNIOn object {        fun GotoDetail(            context: Activity,            dynamicId: String?,            jumpComment: Boolean = false,            shareElement: Boolean = false,            imageView: ImageView? = null,            nameView: TextView? = null,            avatarView: ImageView? = null,        ) {            LogUtils.w(shareElement)            if (shareElement) {                val intent = Intent(context, HomeDynamicDetailAcitvity::class.java)                intent.putExtra("dynamicId", dynamicId ?: "")                intent.putExtra("jumpComment", jumpComment)                intent.putExtra("shareElement", shareElement)                val options = ActivityOptions                    .makeSceneTransitionAnimation(                        context,                        UtilPair.create(imageView, context.getString(R.string.dynamic_start_top_image)),                        UtilPair.create(avatarView, context.getString(R.string.dynamic_start_avatar)),                        UtilPair.create(nameView, context.getString(R.string.dynamic_start_name))                    )//                val options = ActivityOptions.makeSceneTransitionAnimation(context, imageView, context.getString(R.string.dynamic_start_top_image))                // start the new activity                ActivityCompat.startActivity(context, intent, options.toBundle())            } else {                val params = HashMap<String, Any>()                params["dynamicId"] = dynamicId ?: ""                params["jumpComment"] = jumpComment                context.toActivity(RoutePath.HOME_DYNAMIC_DETAIL, params)            }        }    }

结果按照文档写了一下,但是效果却有问题。通过把动画时长放到5x的情况下,发现不是正常的平移动画,而是先显示一个小的图片然后再渐渐隐藏,然后新界面的大图片再渐渐显示,动画效果明显不对啊。

Android怎么显示共享元素动画效果

官方文档

要在具有一个共享元素的两个 Activity 之间添加屏幕过渡动画,请执行以下操作:

\

  • 在主题背景中启用窗口内容过渡。

  • 在样式中指定共享元素过渡。

  • 将过渡定义为 XML 资源。

  • 使用 android:transitionName 属性为两个布局中的共享元素指定一个通用名称。

  • 使用 ActivityOptions.makeSceneTransitionAnimation() 函数。

解决流程

百度了一下看看有没有人遇到类似的问题,但是并没有。也对应修改了一下style主题什么的,也没有什么作用。最后想了想,又新建了一个项目,写个demo测试了一下,上面的自己写的代码并没有上面问题,既然没有问题,那就是项目代码里面有问题了,和demo最大的区别就是项目里有网络请求,以及图片加载的操作。确定了不确定的地方那就试试看。

supportPostponeEnterTransition()

supportStartPostponedEnterTransition()

一个暂停的方法,一个开始动画的方法,一进入就暂停动画,网络请求或者图片加载结束后开始动画,搞定问题。最后看效果。

Android怎么显示共享元素动画效果

以上就是关于“Android怎么显示共享元素动画效果”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网精选频道。

--结束END--

本文标题: Android怎么显示共享元素动画效果

本文链接: https://www.lsjlt.com/news/322161.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android怎么显示共享元素动画效果
    这篇“Android怎么显示共享元素动画效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android怎么显示共享元素动画...
    99+
    2023-06-29
  • Android共享元素动画效果显示问题解决
    目录bug描述官方文档解决流程总结bug描述 设计同学想搞一个点击图片item,item内的图片移动到新页面的图片位置的效果,一想就是共享元素就能搞定啊。 companion obj...
    99+
    2024-04-02
  • Android Activity共享元素动画示例解析
    目录正文TransitionManager介绍Scene(场景)生成场景Transition(过渡)OverlayView和ViewGroupOverlayGhostViewActi...
    99+
    2024-04-02
  • css如何实现元素显示与隐藏动画效果
    这篇文章主要讲解了“css如何实现元素显示与隐藏动画效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css如何实现元素显示与隐藏动画效果”吧! ...
    99+
    2024-04-02
  • 详解Android(共享元素)转场动画开发实践
    最近零碎时间一直在研究OpenGL,所以没怎么进行分享,以后可能大部分时间会学习系统底层\NDK\VR\AR等领域,话不多少,今天来分享个小的动画效果.效果如下基本知识其实Android的转场动画由来已久,比如平常开发安卓的时候界面切换 都...
    99+
    2023-05-30
    android 转场 共享动画
  • CSS3中怎么控制HTML元素动画效果
    这篇文章将为大家详细讲解有关CSS3中怎么控制HTML元素动画效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1.对元素transform的控制 代码如下...
    99+
    2024-04-02
  • 怎么用vue元素实现动画过渡效果
    本文小编为大家详细介绍“怎么用vue元素实现动画过渡效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用vue元素实现动画过渡效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1 在 vue 中,使用&nb...
    99+
    2023-07-04
  • HTML布局指南:如何使用过渡和动画效果进行元素动态显示
    在现代的网页设计中,为了吸引用户的注意力和提升用户体验,动态效果已经变得越来越重要。通过使用过渡和动画效果,我们可以使页面元素以一种更直观、有趣的方式呈现给用户,增加页面的吸引力和互动性。本文将介绍如何使用过渡和动画效果来实现元素的动态显示...
    99+
    2023-10-21
    动画效果 过渡 HTML布局
  • css3怎么实现多个元素依次显示效果
    这篇文章主要介绍了css3怎么实现多个元素依次显示效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。如上图所示,在许多的活动宣传html5中...
    99+
    2024-04-02
  • Android实现列表元素动态效果
    目录前言AnimatedList 介绍元素的插入和删除使用 GlobalKey 获取 AnimatedListState总结前言 列表是移动应用中用得最多的组件了,我们也会经常对列表...
    99+
    2024-04-02
  • CSS动画:如何实现元素的抖动效果
    CSS动画:如何实现元素的抖动效果摘要:CSS动画是网页设计中常用的一种效果,它能够为网页增加动态和生动的感觉。本文将介绍如何使用CSS动画实现元素的抖动效果,并附上具体的代码示例供参考。引言在网页设计中,动画效果能够吸引用户的注意力,增加...
    99+
    2023-11-21
    CSS动画 元素 抖动效果
  • vue元素如何实现动画过渡效果
    这篇文章将为大家详细讲解有关vue元素如何实现动画过渡效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1 在 vue 中,使用 <transition> 标...
    99+
    2024-04-02
  • JQuery实现隐藏和显示动画效果
    本文为大家分享了JQuery实现隐藏和显示动画效果的具体代码,供大家参考,具体内容如下 隐藏和显示 语法 $(selector).fadeIn([speed,callbac...
    99+
    2024-04-02
  • CSS3如何控制HTML元素实现动画效果
    本篇内容介绍了“CSS3如何控制HTML元素实现动画效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.对元素transform的控制代码...
    99+
    2023-07-04
  • CSS动画:如何实现元素的闪光效果
    CSS动画:如何实现元素的闪光效果,需要具体代码示例在网页设计中,动画效果有时可以为页面带来很好的用户体验。而闪光效果是一种常见的动画效果,它可以使元素更加引人注目。下面将介绍如何使用CSS实现元素的闪光效果。一、闪光的基本实现首先,我们需...
    99+
    2023-11-21
    动画 CSS 闪光
  • CSS动画:如何实现元素的闪烁效果
    CSS动画:元素闪烁效果的实现方法闪烁效果是一种常见的动画效果,可以通过改变元素的透明度来实现。在CSS中,可以利用动画和关键帧来创建元素的闪烁效果。本文将介绍如何实现元素的闪烁效果,并提供具体的代码示例。使用@keyframes定义关键帧...
    99+
    2023-11-21
    CSS动画:闪烁效果 CSS闪烁动画 实现元素闪烁效果
  • CSS动画:如何实现元素的抖动缩放效果
    CSS动画:如何实现元素的抖动缩放效果在网页设计中,元素的动画效果能够增加用户的视觉体验,为平淡的页面增添活力。而CSS动画正是实现这些效果的强大工具之一。本文将详细介绍如何使用CSS动画实现元素的抖动缩放效果,并提供具体的代码示例供读者参...
    99+
    2023-11-21
    动画 CSS 缩放
  • android怎么实现加载动画效果
    Android中实现加载动画效果可以通过以下几种方式:1. 使用ProgressBar:ProgressBar是Android系统提...
    99+
    2023-08-08
    android
  • Android怎么实现点赞动画效果
    今天小编给大家分享一下Android怎么实现点赞动画效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、前言对接下来功能实...
    99+
    2023-06-29
  • Electron怎么实现应用显示隐藏时展示动画效果
    今天小编给大家分享一下Electron怎么实现应用显示隐藏时展示动画效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。最终效...
    99+
    2023-06-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作