问题标签 [jetpack-compose-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 投票
1 回答
63 浏览

android - 在jetpack compose中显示时如何使文本编号动画?

我想用数字显示文本,我想实现的是在显示文本时为该文本设置动画。动画是它应该将计数器从零增加到目标值数。我尝试使用animateIntAsState但它不起作用。

这是我累的状态:

和文字:

0 投票
3 回答
70 浏览

kotlin - 如何在jetpack compose中将动画的两个部分链接在一起,使偏移量增加然后减少?

我最近开始使用 jet pack compose 制作动画,并且想知道如何制作它,以便当您增加偏移量中的值时,一旦动画达到该值,它就会将该值更改为另一个值。所以就像更新过渡,但不是同时,一个接一个。

0 投票
1 回答
19 浏览

android - 在撰写中重复翻译动画

我想实现一个翻译动画,它将连续运行,直到服务器的某些值停止它。这是我需要实现的图像:

你可以在上面看到一条白色的垂直线,这是一张图片。我需要不断地从头到尾翻译它[不是来回]

这个布局有一个Box灰色的,里面有一个LinearProgressIndicator. 所以这个进度可以是 50%、80% 等。而且这个图像只能动画直到进度条。

请参阅下面的代码:

此代码无法按预期工作。我尝试了其他一些答案,但我无法完全满足我的需要。试过这个很有帮助,但我如何在这里获得动画结束回调,以便我可以重新启动它,或者如何从 viewModel 本身控制动画?这是我面临的主要问题。

0 投票
0 回答
19 浏览

android - animatedFloatAsState 持有与更新后的目标值不同的值

我正在尝试使用animateFloatAsState为浮点值设置动画,但是当我更新目标值时,动画值给了我随机的不同值。

例如:

这是动画值:

这是随时间更新的目标值:

因此,当我将值更新为 titleBarOffsetHeightPx.value = "new value" 并检查 animatedOffsetValue 的值时,它给出的值与 titleBarOffsetHeightPx 不同。

完整代码:

0 投票
1 回答
20 浏览

android - 如何为Android中可组合功能的出现和消失设置动画?

Radio Button当我从选中到取消选中和/或反之亦然时,我正在制作一个包装动画的自定义。我正在使用AnimatedVisibilityjetpack compose 的功能,但是我没有得到预期的结果。

请注意,在上面的 gif 中,尽管按钮通常会改变状态(选择到取消选择,反之亦然),但动画没有发生:

目前,尽管调用了动画函数,但此代码不会为按钮设置动画。

AnimatedRadioButton

CircleOptionSelected

CircleOptionUnselected

0 投票
0 回答
32 浏览

android - LazyColumn Jetpack compose Android 中的展开/折叠动画问题

我试图显示一个部分,LazyColumn其中有一个行列表,这些行使用LazyRow. 我想要一个显示显示/隐藏的按钮,以便我可以在此部分中显示最小列表而不是完整列表。我想为展开/折叠部分设置动画,当前在按钮单击时展开按预期工作,但是在折叠时,LazyCloumn 向上滚动,这似乎将此部分推出屏幕(如下面的视频所示)。有什么方法可以折叠,以便按钮至少卡到顶部并删除剩余部分?这样,用户仍然可以在需要时展开列表,而不是向上滚动查找按钮。

在此处输入图像描述

我尝试了以下方法,但它们似乎都不起作用:

  • 使用AnimatedVisibility
  • 使用animate*AsState低级 API
  • 还尝试从列表中删除内容,允许 LazyColumn 根据列表内容重新排序

此处提供了完整的试用代码:https ://github.com/DirajHS/ComposeAnimation/tree/master

我想知道这是预期的行为还是我做错了什么?任何关于在折叠期间将按钮捕捉到顶部的建议将不胜感激。