HarmonyOS 平移动画

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

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

通过.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
  })
分享
微博
QQ
微信
回复
2天前
相关问题
Tabs组件选中下划线需要平移动
1731浏览 • 1回复 待解决
HarmonyOS 组件旋转后,平移方向出错
48浏览 • 1回复 待解决
HarmonyOS 移动上XComponent注册问题
435浏览 • 1回复 待解决
HarmonyOS list编辑移动效果
241浏览 • 1回复 待解决
HarmonyOS移动GridItem的Grid组件
280浏览 • 1回复 待解决
HarmonyOS web如何以移动端形式
49浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
486浏览 • 1回复 待解决
HarmonyOS 便携式移动打印机
8浏览 • 1回复 待解决
HarmonyOS 子窗口是否可手势移动
70浏览 • 1回复 待解决
如何判断移动流量热点网络
1747浏览 • 1回复 待解决
list组件是否支持内部移动
333浏览 • 1回复 待解决
HarmonyOS 动画需求
25浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人