HarmonyOS 鸿蒙Next组件移动

import display from '@ohos.display';
import { promptAction } from '@kit.ArkUI';
import { ResManager } from '@ohos/source';

let displayClass: display.Display | null = null

try {
  displayClass = display.getDefaultDisplaySync()
} catch (exception) {
  console.error("wy" + JSON.stringify(exception))
}

/**
 * 可拖动的Imageview, 默认位置x方向上的值为0时可以不用传入值，否则需要传入positionX的值
 * */
@Component
export struct FloatImage {
  //初始位置
  @State offsetX: number = 0
  @State offsetY: number = 0
  //拖动偏移量
  @State positionX: number = 0
  @State positionY: number = 0
  screenWidth: number | undefined = displayClass?.width
  density: number | undefined = displayClass?.densityPixels
  @State imageWidth: number  = 50
  @State imageHeight: number  = 50
  @State imageResource: Resource | string = ResManager.getLauncherIcon()

  build() {
    Stack() {
      Image(this.imageResource)
        .width(this.imageWidth)
        .height(this.imageHeight)
        .gesture(
          PanGesture()
            .onActionStart((event: GestureEvent | undefined) => {
              if (event) {

              }
            })
            .onActionUpdate((event: GestureEvent | undefined) => {
              if (event) {
                this.offsetX = this.positionX + event.offsetX
                this.offsetY = this.positionY + event.offsetY
              }
            })
            .onActionEnd((event: GestureEvent | undefined) => {
              if (event) {
                if (this.density != undefined
                  && this.screenWidth != undefined
                  && this.offsetX > this.screenWidth / (2 * this.density)) {
                  this.positionX = this.screenWidth / this.density - this.imageWidth
                } else {
                  this.positionX = 0
                }

                this.positionY = this.offsetY

                //拖动结束后自动靠边,拖动距离小于屏幕一半时靠左，大于一半时靠右
                animateTo({
                  duration: 500,
                  delay: 50,
                }, () => {
                  //注：由于动画和偏移量计算都是vp值，需要把屏幕宽度进行转换成vp
                  if (this.density != undefined
                    && this.screenWidth != undefined
                    && this.offsetX > this.screenWidth / (2 * this.density)) {
                    this.offsetX = this.screenWidth / this.density - this.imageWidth
                  } else {
                    this.offsetX = 0
                  }

                })
              }
            })
        )
        .translate({ x: this.offsetX, y: this.offsetY, z: 0 })
    }
  }
}

可以用手势事件实现，参考我们项目的可拖动图片组件