HarmonyOS 平移动画？

Question

给图片添加平移动画时，从指定的起始坐标点，到终点时，怎么设置起始点？

Answer 1

通过.position可设置他的起始位置，使用.translate可以设置组件转场时的平移效果比如 得要求起始位置(100，16)平移到(220,16), 看下下面得代码,使用position将组件定位在(100，16)，然后设置他的平移效果为x轴方向平移120，y轴方向平移0，就到了(220,16)这个位置

参考以下代码：

Image($r('app.media.app_icon')).width(30).height(30)
  .translate({ x: 120, y: 0 })// x轴方向平移120，y轴方向平移0
  .transition(TransitionEffect.SLIDE.animation({
    duration: 1200,
    curve: Curve.EaseOut,
    iterations: 1,
    delay: 100,
    playMode: PlayMode.Normal,
    onFinish: () => {
      // LogUtils.info(this.TAG,`---------动画完成`)
    }
  }))
  .position({
    x: 100,
    y: 16
  })