问题标签 [layout-animation]

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 投票
3 回答
7556 浏览

android - 如何在 RecyclerView 中使用 GridLayoutAnimation?

我正在尝试用新的 RecyclerView(使用 GridLayoutManager)替换我的 GridView,但它似乎不能很好地处理 gridLayoutAnimation(ClassCastException: LayoutAnimationController$AnimationParameters cannot be cast to GridLayoutAnimationController$AnimationParameters)。它适用于常规布局动画,但由于它是网格,因此在平板电脑上完成需要很长时间。

我想要完成的是类似于Hierarchical Timing。如果您查看示例视频,它会显示布局动画从左上角到右下角对角线。常规布局动画将逐行执行动画,因此在更大的网格(例如平板电脑)上完成需要花费太多时间。我也尝试过探索 ItemAnimator,但这只会像“不要”示例中那样同时在所有单元格上运行动画。

有没有办法在 RecyclerView 中完成这个网格布局动画?

这是 gridview_layout_animation.xml:

这是动画grow_in.xml:

编辑:根据 Galaxas0 的回答,这里有一个解决方案,只需要您使用扩展的自定义视图RecyclerView。基本上只覆盖attachLayoutAnimationParameters()方法。使用<gridLayoutAnimation>它就像使用 GridView 一样。

0 投票
1 回答
2075 浏览

ios - React-Native 不支持的布局动画

尝试渲染我的场景,其中包含一个 SlideMenu,其中每个项目都会更改我的内容视图,我收到了该错误:

我想它来自 SlideMenu 布局的动画,但仅在单击其中的项目时触发“片段”(表示内容视图)的更改时才会发生。否则菜单会正常关闭。

单击“关闭”时,我的片段显示良好,但我没有看到 SlideMenu 关闭。

我不知道这是来自动画本身还是元素的变化和动画的结合。

这是我的一些代码:

片段选择发生在 generalTemplate 中:

按下菜单中的 item 会触发菜单的关闭(并将此处未出现的 ID 传输到 generalTemplate :

还有动画的代码(不确定它是否有用,但我们永远不知道):

0 投票
1 回答
4780 浏览

android - Animate when layout change occurs

In my android application activity layout I have a LinearLayout and RecyclerView, LinearLayout contains an EditText and TextField , and RecyclerView lies below the LinearLayout.

at some point I have to remove the LinearLayout lies above the RecyclerView. so I am hiding that by giving some animaton effects

when the animation ends the view is setting to GONE. then the below RecyclerView is jumping to the top, it simply jumps without any animation and all, is there any way to manage it ? a small animaton for the layout change may help me. I have tried in xml, but it throws some error.

0 投票
2 回答
1726 浏览

android - 打开时的抽屉项目动画

我使用 DrawerLayout 创建了一个抽屉,其中包含一个带有项目的 RecyclerView。我还在 RecyclerView 上附加了一个 layoutAnimation,以便在打开抽屉时让项目从侧面进入。这第一次很有效,但第二次打开抽屉时,一切都已经到位。我希望每次打开抽屉时都运行 layoutAnimation 。

到目前为止,我尝试的是拥有一个自定义 ActionBarDrawerToggle (无论如何我都需要那个),并添加以下内容:

它有点工作,因为它重新运行动画,但是当打开抽屉时所有项目都在那里,然后它们消失然后动画开始。

任何人都有解决方案如何在每次关闭抽屉时“重置”抽屉项目视图?

不确定这些是否需要,但无论如何我都会包括它们

0 投票
0 回答
952 浏览

android - RecyclerView Expanded Item 阴影/高度

编辑:在我的 Recyclerview 中,itemViews可以展开和折叠。这expandView是一个insertedclickedItemPosition. 一切正常,但是按照Google Material Design Guide-Lines 扩展的项目应该在扩展项目的下方和上方有一个阴影。例如谷歌的拨号器呼叫日志。如何在单击的项目上方和下方实现阴影效果?

已经尝试通过为 alpha 值设置动画来处理上方和下方项目中的阴影,但因此我需要 notifyItemChanged() 这看起来并不好。

有什么建议么?问候

0 投票
2 回答
1749 浏览

listview - 使用 React Native LayoutAnimation 动画 ListView 行删除

我在使用 LayoutAnimation 动画从 ListView 删除一行时遇到困难。

由于 LayoutAnimation.spring 预设动画处理带有弹簧的视图更新和带有淡入淡出的视图创建,我预计底部现有的行在删除后会向上弹出。相反,它们逐渐消失。

使用 RN 0.18.1

0 投票
1 回答
319 浏览

android - LayoutAnimationController 在隐藏视图组时不起作用,但在显示视图组时起作用

LayoutAnimationController 用于动画视图组的孩子

我使用了 LayoutAnimationController使用以下代码一一显示具有动画效果的LinearLayout中的元素。

但是当我在隐藏LinearLayout 的同时使用它来显示淡出动画时,同样的方法不起作用lnrContactContainer.setVisibility(View.GONE)

它隐藏了父级,而不是一个一个地隐藏子级。

0 投票
0 回答
203 浏览

android - 如何限制子视图继承父视图的动画

我有一个具有 ListView 和 LinearLayout init 的 LinearLayout。根据某些条件,我只是更改父线性布局的可见性。每当我将可见性设置为对父级可见时,我都会以编程方式设置自下而上的动画,如下所示。

动画正在发生在我身上。

但我只希望父布局获得自下而上的动画,但父布局内的所有子视图都反映自下而上的动画。所以整体过渡看起来很混乱。

有什么办法可以限制子视图反映父动画?

0 投票
0 回答
235 浏览

react-native - LayoutAnimation 不能很好地与 justifyContent: 'space-between' 配合使用

LayoutAnimation 真的让我很恼火。 观看视频并注意柜台上的跳跃。

此外,这里有一个关于 RNPlay 的存储库: https ://rnplay.org/apps/atSZAA

我在这里使用一个简单的配置:

这是我的组件:

这是我的风格:

我究竟做错了什么?

0 投票
1 回答
999 浏览

listview - 您如何为与 ListView 交换的行设置动画?(反应原生)

我正在尝试使用 React Native ListView 对两行的交换进行动画处理

这是我的数据源代码(都在我的渲染方法中):

这是我的交换代码(使用 MobX):

如您所见,由于数组项只是向下移动,因此等价性保持不变。

如果我尝试 LayoutAnimation,我会感到奇怪: 在此处输入图像描述

有任何想法吗?