问题标签 [shared-element-transition]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
405 浏览

android - 在 SharedElementTransition 期间禁用白色闪光

是否可以禁用共享元素过渡期间出现的白色闪光?我的 Android 应用程序中有一个深色主题,白色的闪光使该应用程序在过渡时使用起来很不愉快。虽然有一些关于这个问题的问题,但到目前为止我无法在我的应用程序中解决这个问题。

(例如,闪烁的原因是在这个 stackoverflow 问题中的 NavigationDrawerLayout,但是在片段中单击视图后,我的转换在我的 Activity 中开始)

样式.xml

此方法在我的 Activity 中启动新的转换

谢谢您的帮助

0 投票
0 回答
716 浏览

android - 如何将片段推迟到片段转换,如活动转换(postponeEnterTransition

如何在 Android Lollipop 中推迟 Fragment 的进入转换?

我在片段转换中遇到了麻烦。(共享元素过渡等。)我想让屏幕方向的片段过渡也做得很好。

经过几天的麻烦,终于在上面的链接中找到了以下评论,但我不明白。

如果您不删除 fragment1,而是将其隐藏,它将使您的生活更轻松。如果没有,则需要一个额外的步骤,但它的工作方式相同。

  • a) 添加 2,隐藏 2
  • b)显示2,隐藏,添加到后堆栈1
  • c) show 1, remove1, add to back stack。然后你检测到你第二次到达 (c),你等待 1 准备好然后以编程方式弹出回栈。

我不明白上面的场景。请逐步解释这一点。希望你的回答。

提前致谢。

0 投票
1 回答
1251 浏览

android - 共享过渡动画故障

我有的

我已正确设置权限。

这是我的过渡文件,

现在,在我的主活动中,我提供了一个带有图像缩略图的 GridView。

在我的详细活动中,

我有一个带有片段的 ViewPager。在片段的 onCreate() 中,我这样做了。

动画似乎适用于正确的项目,但并不顺利。动画好像有问题。但是,退出过渡有些平稳。但仍然不完美。

我在这里做错了什么?

0 投票
1 回答
709 浏览

android - 在不同方向的活动之间使用共享元素转换

我有一个永久设置为横向的活动 A 和一个没有任何预定义方向的活动 B。

如果我从活动 A 开始活动 B 并且手机旋转处于横向角度,则共享元素转换正常工作并且活动 B 按预期以横向开始。如果在 Activity B 启动期间手机旋转处于纵向角度,则会出现问题。然后,Activity B 以纵向方向启动(如预期的那样)但没有发生转换。

以前有没有人遇到过这个问题?任何帮助,将不胜感激。这是从活动 A 调用活动 B 的方式:

Intent mIntent = new Intent(context, ActivityB.class); ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this, sharedView,sharedViewTransitionName); startActivity(mIntent,options.toBundle());

0 投票
1 回答
1520 浏览

android - Android - 工具栏和状态栏作为内容更改的共享对象

在我的应用程序中,我将工具栏和状态栏设置为共享对象 ,如本文选项 #2 中所建议的那样

工具栏和选项卡的一般行为和轮廓非常好 - 唯一的问题是当我移动到活动 B 时,工具栏的一些 UI 元素没有参与内容转换,特别是工具栏标题和菜单图标。

我尝试添加 SharedElementCallback 并在其中循环工具栏和选项卡的子项并将它们全部添加到淡入淡出过渡- 但它不会影响工具栏和选项卡内容的行为。

知道如何从这里开始吗?期望的效果是让工具栏的元素(标题、向上按钮、菜单图标)参与内容转换。

评论后添加截图:

活动一

在活动 A

活动 B

在活动 B

0 投票
2 回答
1980 浏览

android - 共享元素转换 - 片段

我在这里推送了我的示例应用程序:https ://bitbucket.org/user1010/transitiondemo

我在我的应用程序中遵循主从模式。主片段 ( MyRecyclerFragment/ MyListFragment) 显示文本视图列表。当用户单击任何这些文本视图时,MyDetailsFragment将启动详细信息片段 ( )。详细信息片段具有标题(与用户单击的标题相同)。

我正在尝试实现以下过渡效果:

  • 展开现有视图的过渡
  • 出现视图的淡入淡出过渡
  • 在这两个片段之间共享的 TextView 的移动/翻译转换

问题:

  • 过渡开始时,共享的 TextView 消失。但是,如果单击列表的第一项,则共享转换会奇迹般地起作用。
  • 如果更改详细信息布局,则过渡有效。请看details.xml。如果我完全删除 FrameLayouttitle_bar并将 TextViewtitle作为根 LinearLayout 的直接子级,则共享元素转换效果很好。
  • 似乎震中因共享元素返回过渡而发生了变化。例如,如果我单击列表中的第 7 个 TextView,退出转换(爆炸)会将该 TextView 作为震中。它上面的所有TextViews 向上滑动,它下面的TextViews 向下滑动。但是在从细节片段返回到主片段时,返回过渡的中心不是被点击的 TextView。
0 投票
0 回答
1315 浏览

android - Android material design "hero" transition with scrollview

Im trying to get a decent looking material design animation like shown here: https://developer.android.com/training/material/animations.html

I've set up my RecyclerView and populated it with items created my DetailActivity. As explained here: https://stackoverflow.com/a/26666067/2326538 I pass both my CardView Layout and my ImageView as shared elements to the transition, but it is not working:

It just flickers and it seems like all views other that the ImageView slide to the top and cover the navigation bar.

Here's the layout file for the list item:

And here's my DetailActivity:

0 投票
1 回答
1424 浏览

android - Android共享元素过渡 - 等待动画完成

我有一个元素列表,当我单击一个元素时,我会替换片段并用于addSharedElementFragmentTransaction列表中的项目设置动画以成为详细视图中的标题。

现在我想在细节视图中填充一些细节,但只有在标题动画完成之后。因为现在,标题动画出现在内容上方,看起来不太好。

我怎样才能做到这一点?

0 投票
0 回答
928 浏览

android - 点击Recyclerview中的view启动Activity——延迟Activity启动

我正在尝试通过单击 recyclerview 中的 ImageView 来启动一项活动。在适配器类中,我在 onBindHolder 方法中使用了单击的侦听器,如下所示

出于某种原因,活动开始前出现了这种荒谬的延迟。在单击主布局中的视图时启动活动时没有这样的延迟,只需单击回收器视图行中的视图。

我正在尝试使用共享元素将图像视图动画化为全屏。我已经能够通过以下方式实现这一目标,

但这种延迟开始活动是我无法弄清楚的。

0 投票
1 回答
2056 浏览

android - 在共享元素转换中褪色英雄视图的孩子

我很好奇 android 如何在共享元素转换中处理英雄视图的子项,可以在 Google Keep 中看到:

在标准共享元素转换中,在进入动画中,调用活动中的主视图会立即与目标视图(在起始维度)重叠,然后转换动画目标视图维度的变化以到达新位置。

但是,在返回动画中,返回活动的视图仍保留在叠加层的顶部,并且它们是在动画结束之前显示的视图,此时目标(调用活动的)英雄视图会卡入到位。

如果两个英雄视图的内容有任何差异,这会产生相当不和谐的效果——例如,行换行方式不同的文本视图,或者完全不同的子视图。

同时,在 Google Keep 中,共享元素的过渡似乎使内容视图来回淡化,因此这种不和谐的效果相当不明显。因此,填充或换行等方面的差异问题要小得多。

在我自己的应用程序中实现这一点的最佳方式是什么?

这是一个例子:

在此处输入图像描述