我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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怎么显示共享元素动画效果”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

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

下载Word文档

猜你喜欢

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

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

jQuery如何在元素上隐藏并显示动画效果?

jQuery动画效果:隐藏和显示元素jQuery提供丰富的函数,用于在网页上隐藏和显示元素并添加动画效果。隐藏元素:hide():立即隐藏fadeOut():淡出slideUp():向上滑动显示元素:show():立即显示fadeIn():淡入slideDown():向下滑动动画效果:duration:持续时间easing:缓动函数callback:动画完成回调最佳实践:谨慎使用动画保持与网站设计一致避免在动画中进行DOM操作利用CSS过渡或硬件加速
jQuery如何在元素上隐藏并显示动画效果?
2024-04-02

jQuery如何在元素上显示并隐藏动画效果?

jQuery动画效果:显示和隐藏jQuery提供多种方法在元素上显示和隐藏动画效果,包括:show():显示元素,可指定动画速度和回调函数。hide():隐藏元素,同样可指定速度和回调函数。组合动画:依次使用hide()和show()实现更复杂效果。除了这两个基本方法,jQuery还提供其他动画效果,如淡入淡出、滑动上下和自定义动画。通过掌握这些方法,开发者可以创建交互式和引人入胜的动画效果,提升web页面体验。
jQuery如何在元素上显示并隐藏动画效果?
2024-04-02

详解Android(共享元素)转场动画开发实践

最近零碎时间一直在研究OpenGL,所以没怎么进行分享,以后可能大部分时间会学习系统底层\NDK\VR\AR等领域,话不多少,今天来分享个小的动画效果.效果如下基本知识其实Android的转场动画由来已久,比如平常开发安卓的时候界面切换 都
2023-05-30

怎么用vue元素实现动画过渡效果

本文小编为大家详细介绍“怎么用vue元素实现动画过渡效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用vue元素实现动画过渡效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1 在 vue 中,使用
2023-07-04

HTML布局指南:如何使用过渡和动画效果进行元素动态显示

在现代的网页设计中,为了吸引用户的注意力和提升用户体验,动态效果已经变得越来越重要。通过使用过渡和动画效果,我们可以使页面元素以一种更直观、有趣的方式呈现给用户,增加页面的吸引力和互动性。本文将介绍如何使用过渡和动画效果来实现元素的动态显示
2023-10-21

Electron怎么实现应用显示隐藏时展示动画效果

今天小编给大家分享一下Electron怎么实现应用显示隐藏时展示动画效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。最终效
2023-06-30

android怎么实现加载动画效果

Android中实现加载动画效果可以通过以下几种方式:1. 使用ProgressBar:ProgressBar是Android系统提供的一种加载动画控件,可以在布局文件中直接添加,并通过设置其属性来实现不同的加载动画效果。例如,在布局文件中
2023-08-08

Android怎么实现点赞动画效果

今天小编给大家分享一下Android怎么实现点赞动画效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、前言对接下来功能实
2023-06-29

使用canvas怎么实现元素图片镜像翻转动画效果

使用canvas怎么实现元素图片镜像翻转动画效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一、Canvas图片水平镜像翻转效果预览您可以狠狠的点击这里:canvas图片
2023-06-09

Android怎么用动画显示或隐藏视图

这篇文章主要介绍“Android怎么用动画显示或隐藏视图”,在日常操作中,相信很多人在Android怎么用动画显示或隐藏视图问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Android怎么用动画显示或隐藏视图
2023-06-26

uniapp怎么动态控制元素的显示隐藏

在Uniapp中,我们经常需要根据用户的操作或者其他条件来显示或隐藏一些页面元素。例如,当用户点击一个按钮时,我们需要显示一个弹窗窗口,或者根据用户是否登录来动态地显示登录或者注册按钮。在这种情况下,我们可以使用Uniapp提供的v-show指令来动态地控制元素的显示与隐藏。v-show指令的使用非常简单,可以在需要控制的元素上加上v-show指令,然后将指令的值设置成一个布尔
2023-05-14

Android怎么实现加载视差动画效果

本篇内容主要讲解“Android怎么实现加载视差动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么实现加载视差动画效果”吧!基础知识继 Android实现旋转动画的两种方式
2023-06-20

Android怎么实现颜色渐变动画效果

本篇内容主要讲解“Android怎么实现颜色渐变动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么实现颜色渐变动画效果”吧!效果图:一、Android中插值器TypeEva
2023-06-30

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录