问题标签 [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.
android - 在jetpack compose中显示时如何使文本编号动画?
我想用数字显示文本,我想实现的是在显示文本时为该文本设置动画。动画是它应该将计数器从零增加到目标值数。我尝试使用animateIntAsState但它不起作用。
这是我累的状态:
和文字:
kotlin - 如何在jetpack compose中将动画的两个部分链接在一起,使偏移量增加然后减少?
我最近开始使用 jet pack compose 制作动画,并且想知道如何制作它,以便当您增加偏移量中的值时,一旦动画达到该值,它就会将该值更改为另一个值。所以就像更新过渡,但不是同时,一个接一个。
android - 在撰写中重复翻译动画
我想实现一个翻译动画,它将连续运行,直到服务器的某些值停止它。这是我需要实现的图像:
你可以在上面看到一条白色的垂直线,这是一张图片。我需要不断地从头到尾翻译它[不是来回]
这个布局有一个Box
灰色的,里面有一个LinearProgressIndicator
. 所以这个进度可以是 50%、80% 等。而且这个图像只能动画直到进度条。
请参阅下面的代码:
此代码无法按预期工作。我尝试了其他一些答案,但我无法完全满足我的需要。试过这个很有帮助,但我如何在这里获得动画结束回调,以便我可以重新启动它,或者如何从 viewModel 本身控制动画?这是我面临的主要问题。
android - animatedFloatAsState 持有与更新后的目标值不同的值
我正在尝试使用animateFloatAsState为浮点值设置动画,但是当我更新目标值时,动画值给了我随机的不同值。
例如:
这是动画值:
这是随时间更新的目标值:
因此,当我将值更新为 titleBarOffsetHeightPx.value = "new value" 并检查 animatedOffsetValue 的值时,它给出的值与 titleBarOffsetHeightPx 不同。
完整代码:
android - 如何为Android中可组合功能的出现和消失设置动画?
Radio Button
当我从选中到取消选中和/或反之亦然时,我正在制作一个包装动画的自定义。我正在使用AnimatedVisibility
jetpack compose 的功能,但是我没有得到预期的结果。
请注意,在上面的 gif 中,尽管按钮通常会改变状态(选择到取消选择,反之亦然),但动画没有发生:

目前,尽管调用了动画函数,但此代码不会为按钮设置动画。
AnimatedRadioButton
:
CircleOptionSelected
:
CircleOptionUnselected
:
android - LazyColumn Jetpack compose Android 中的展开/折叠动画问题
我试图显示一个部分,LazyColumn
其中有一个行列表,这些行使用LazyRow
. 我想要一个显示显示/隐藏的按钮,以便我可以在此部分中显示最小列表而不是完整列表。我想为展开/折叠部分设置动画,当前在按钮单击时展开按预期工作,但是在折叠时,LazyCloumn 向上滚动,这似乎将此部分推出屏幕(如下面的视频所示)。有什么方法可以折叠,以便按钮至少卡到顶部并删除剩余部分?这样,用户仍然可以在需要时展开列表,而不是向上滚动查找按钮。
我尝试了以下方法,但它们似乎都不起作用:
- 使用
AnimatedVisibility
- 使用
animate*AsState
低级 API - 还尝试从列表中删除内容,允许 LazyColumn 根据列表内容重新排序
此处提供了完整的试用代码:https ://github.com/DirajHS/ComposeAnimation/tree/master
我想知道这是预期的行为还是我做错了什么?任何关于在折叠期间将按钮捕捉到顶部的建议将不胜感激。