问题标签 [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 回答
2586 浏览

layout - React Native:如何选择性地启用 LayoutAnimation

我想为某些组件启用布局动画,但是一旦它被激活,所有正在渲染的组件都会受到布局动画的影响。例如,我有

我只希望对组件菜单使用布局动画,但动画应用于已经有自己的动画代码的瀑布渲染。

这可能与本机反应吗?

0 投票
0 回答
675 浏览

react-native - 反应原生 LayoutAnimation 禁用

我有这些代码:

我的问题是:当res.body.dragonTypes为空时,这些都不会发生,这是对的,但是当我做其他一些事情时,LayoutAnimation 仍然有效,有时会变得很奇怪。尤其是在过渡期间。那么我可以手动清除 LayoutAnimation 还是如何正确使用它?

多谢。

0 投票
1 回答
179 浏览

android - 如何使编辑文本浮动在工具栏和主布局的顶部

我想实现这种设计在此处输入图像描述

如您所见,编辑文本执行了一个很好的动画,可以从屏幕中间转换到布局的顶部,但我想知道如何实现这一点。

我正在考虑将编辑文本包装在 LinearLayout 中,当编辑文本到达顶部时,bacground 会变为渐变(白色和黄色)。那有意义吗??

0 投票
3 回答
6273 浏览

android - 如何在 Android 中使用动画将视图移动到另一个视图?

我在屏幕中央有一个圆圈,里面有一个ImageView+ TextView。我还有另外两个ImageView+ TextView,一个在屏幕顶部,另一个在屏幕底部。 这是 UI 模型我的要求是:

我想要顶部ImageView+TextView的副本和底部ImageView+的副本TextView以动画方式移动到圆的中心,从而改变圆内 textView 的值。

例如:

假设顶部 textView 的值为 200,底部 textview 的值为 300。我希望这些值的一部分(比如 100 或 150)动画并移动到圆圈中,但原始值 200 和 300 应保持在同一位置。

我试过使用TranslateAnimation. 但是,我在寻找中心圆的 x 和 y 坐标时遇到问题。它并不完全到达圆的中心。view's也不保留原来的位置。

startLayout 是 ImageView 和 TextView 所在的线性布局。请帮忙!谢谢!

0 投票
1 回答
812 浏览

javascript - 是否有 LayoutAnimation.Types 和 LayoutAnimation.Properties 的可用选项列表?

我已经检查了文档,现在它只说

在新视图中创建、配置动画(参见动画类型)

更新,配置已更新的动画视图(请参阅动画类型)

事实是我不明白 Anim 类型是什么以及我应该在哪里照顾它。谢谢您的帮助

https://facebook.github.io/react-native/docs/layoutanimation.html

0 投票
0 回答
217 浏览

android - startLayoutAnimation 在 onBackPressed 或 OnKeyListener(keyCode == KeyEvent.KEYCODE_BACK) 中不起作用

我的活动中有一个 LinearLayout 视图。

当我按下后退按钮时,我希望 LinearLayout 的孩子滑出。

我有以下不做任何事情的代码:

layout_pop_out 是:

我已经注释掉了 super.OnBackPressed() 以查看动画是否开始,并且它没有开始。

有类似问题的人吗?

如果在按钮中设置onclick监听器,SlideOut方法可以工作,动画播放。 我认为问题出在“startLayoutAnimation”上,如果调用 onBackPressed 或 OnKeyListener(keyCode == KeyEvent.KEYCODE_BACK && action == KeyEvent.ACTION_UP) 布局动画不播放,但我单击动画按钮。

离开活动时(之前)如何启动 layoutAnimation

0 投票
1 回答
655 浏览

react-native - LayoutAnimation.Types 有哪些可用选项

我有一个从这里获取的自定义布局动画。

运行代码时,我收到以下警告

警告:配置类型失败:配置config.update.type在 中标记为必需LayoutAnimation.configureNext,但其值为 undefined

该代码有一个 update.type 条目,但警告说它未定义。我猜自编写要点以来允许的值已经更新。我试图找出可用的允许条目列表,但它们未在React Native LayoutAnimation 文档中列出。

我想知道 :

  • 语法不再正确吗?
  • 某处是否有详细说明可用类型列表的网页?
0 投票
0 回答
860 浏览

android - React Native - Android LayoutAnimation 键盘 FlatView Bug

我目前对(我认为)LayoutAnimation 有一个烦人的问题。

我的问题如下,我有一个应用程序,可以在其中搜索整个 FlatList,使用搜索按钮打开面板并将焦点放在打开键盘的 TextInput 上。当我出于某种原因想要关闭它时,如果我使用手机的后退按钮手动关闭它,就会出现问题 它关闭并且通过点击列表关闭它,一切都很好,但是当我关闭搜索时问题就来了(因此 TextInput 已从屏幕中删除,即使没有调用,键盘也会自动关闭,.blur()但我也尝试过并遇到了同样的问题。

以下是一些要解释的屏幕: 列出一切都很好 键盘打开 由于某种原因不再使用现在消失的键盘覆盖的所有区域

现在这里是一些代码块:

}

我在用 :

我从 0.49.4 更新到 0.52.0 希望它能解决问题,但似乎没有

有关信息:在 IOS 中没有问题,我确实在 android 上激活了动画以获取动画。此外,如果我删除动画LayoutAnimation.easeInEaseOut(); ,除了我当然没有动画之外,一切正常。

非常感谢

0 投票
1 回答
6558 浏览

javascript - React Native - LayoutAnimation:如何使它只是动画组件内的对象,而不是整个组件/视图?

我正在尝试按照这个示例此处的代码)并在我的 RN 项目中使用LayoutAnimation(与该示例的不同之处在于我只想渲染我的圆圈而不需要按下按钮)。

但是,当我添加了 LayoutAnimation 时,是整个视图/屏幕/组件执行“跳入”动画,而不仅仅是我想要的圆圈。我必须将 LayoutAnimation 移动到哪里才能实现动画的圆形对象?

再次更新:听从bennygenel了制作一个单独的 Circles 组件然后在收藏夹上的建议,有一个会一个一个地添加每个CriclecomponentDidMount组件,导致随着时间延迟更新状态时产生单独的动画。但是我仍然没有得到一一渲染/动画的理想效果......

0 投票
0 回答
566 浏览

javascript - 在 React Native 中切换布局动画

我已经正确配置了布局动画,如下面列出的所有教程/文档中所示。我目前正在 componentWillUpdate 方法中设置布局动画配置,并且触发ON工作顺利,

}

..虽然问题是我需要触发动画OFF。动画在整个应用程序中持续存在,创建了非预期的动画......

我只找到了一种解决方案,即触发:LayoutAnimation.configureNext(animationConfig); 当不再需要动画时.. 虽然这似乎不是最佳实践,因为它会中断 LayoutAnimation,因此会发出警告..

关于此的文档或问题很少。我需要澄清一下如何正确处理切换布局动画。

https://facebook.github.io/react-native/docs/layoutanimation.html https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e