如何在本机中将不同的动画动态地附加到图像上？

Question

假定屏幕上有一个图像，并且当用户按下另一个图像（例如，向右箭头）时，第一个图像向右；当用户按下第三图像（例如，向左箭头）时，第一幅图像向左。

简而言之，左箭头应将火柴人向左移动，右箭头应向右移动：

根据文档，图像可以具有多个动画（变换，缩放，不透明度更改等），但是似乎所有这些动画都需要并行运行（同时）。

我的问题是要通过从无关对象中自由调用函数来做到这一点。

Answer 1

您只需要一个动画值即可确定要移动摇杆的位置。给棍子人一个 put your first number: 5.6 Put your second number: 6.5 Your first number is 5.6 and your second number is 6.5 12.1 ，然后您就可以让箭头使用moveStickManLeft函数使其沿不同方向移动。

style={{transform:[{translateX: this.stickManTranslateX}]}}