HarmonyOS Grid拖拽无回调

Image的draggable自API10及之后默认值为true，支持拖拽导致产生了误触，其实想拖gridItem却拖动的是gridItem里面的Image，单纯Image的推动无法触发grid的onItemDragStart回调，所以只需要把Image的拖动draggable改为false即可，参考代码如下：

@Entry
@Component
struct Second {
  @State addedItems: string[] = ['ct', 'co', 'uv', '13', '1', '26', 'xc']
  private scroller: Scroller = new Scroller()

  @Builder
  dragItem(item: string) {
    Column() {
      Image($r('app.media.app_icon'))
        .width(44)
        .height(44)
        .draggable(false)
        .objectFit(ImageFit.Contain)
      Text(`index:${item}`)
        .fontSize(12)
        .margin({ top: 5 })
    }
    .height(99)
  }

  build() {
    Column() {
      Grid(this.scroller) {
        ForEach(this.addedItems, (item: string) => {
          GridItem() {
            Column() {
              Image($r('app.media.app_icon'))
                .width(44)
                .height(44)
                .objectFit(ImageFit.Contain)
                .draggable(false)
              Text(`index:${item}`)
                .fontSize(12)
                .margin({ top: 5 })
            }
            .height(99)
          }
        })
      }
      .columnsGap(10)
      .rowsGap(10)
      .columnsTemplate('1fr 1fr 1fr 1fr')
      .supportAnimation(true)
      .height(220)
      .width('100%')
      .backgroundColor(Color.Yellow)
      .editMode(true)
      .onItemDragStart(((event: ItemDragInfo, index: number) => {
        console.log('tag', '----------onItemDragStart')
        return this.dragItem(this.addedItems[index])
      }))
      .onItemDrop((event: ItemDragInfo, itemIndex: number, insertIndex: number,
        isSuccess: boolean) => {
        console.log('tag', '----------onItemDrop')
        if (!isSuccess || insertIndex >= this.addedItems.length) {
          return
        }
        this.changeIndex(itemIndex, insertIndex)
      })
    }
    .height('100%')
    .width('100%')
  }

  changeIndex(index1: number, index2: number) {
    const temp = this.addedItems[index1];
    this.addedItems[index1] = this.addedItems[index2];
    this.addedItems[index2] = temp;
  }
}