HarmonyOS 鸿蒙Next 列表交换时为什么有的时候有动画有的时候没有动画感觉像是重新加载列表似的

HarmonyOS 鸿蒙Next 列表交换时为什么有的时候有动画有的时候没有动画感觉像是重新加载列表似的
列表交换时.为什么有的时候有动画 有的时候没有动画感觉像是重新加载列表似的

@Component
export struct ListAccount {
  @Consume kindTranT: Account[]
  @State dragItem: Account | undefined = undefined
  @State scaleItem: Account | undefined = undefined
  @State neighborItem: Account | undefined = undefined
  @State neighborScale: number = -1
  private dragRefOffset: number = 0
  @State first: boolean = true
  @State @Watch('aaa') offsetY: number = 0

  aaa() {
    console.log('BillLog_导出文本账单失败:1', JSON.stringify(this.offsetY))
  }

  private ITEM_INTV: number = 66
  delete: (item: Account) => void = (item: Account) => {

  }
  open: (item: Account) => void = (item: Account) => {

  }
  @StorageLink('isOpenBackGroundBlur') isOpenBackGroundBlur: boolean = false; // 背景模糊
  @StorageLink('isShowBgImage') isShowBgImage: boolean = false; //显示背景图片

  scaleSelect(item: Account): number {
    if (this.scaleItem?.cardName == item?.cardName) {
      return 1.05
    } else if (this.neighborItem?.cardName == item?.cardName) {
      return this.neighborScale
    } else {
      return 1
    }
  }

  itemMove(index: number, newIndex: number): void {
    if (newIndex === this.kindTranT.length || newIndex < 0) {
      return
    }
    let tmp = this.kindTranT.splice(index, 1)
    this.kindTranT.splice(newIndex, 0, tmp[0])
    util_Preference.putPreferenceValue('账户', this.kindTranT)
  }

  build() {

    List({ space: 10 }) {
      ForEach(this.kindTranT, (item: Account) => {
        ListItem() {
          Row() {
            Row() {
              Image(item.cardImage.replace('.png', '.svg'))
                .height(24)
                .width(24)
                .fillColor($r("app.color.font_color"))

              Text(item.cardName)
                .TextStyle()
                .fontColor($r('app.color.font_color'))
                .margin({ left: 16 })
            }
            .layoutWeight(1)
            .onClick(() => {
              this.open(item)
            })

            Blank()
            SymbolGlyph($r('sys.symbol.trash'))
              .fontColor([$r("app.color.font_warn")])
              .fontSize($r('app.float.font_size24'))
              .onClick(() => {
                if (this.kindTranT.length === 1) {
                  DialogHelper.showToastTip({
                    orientation: Orientation.HORIZONTAL,
                    message: "分类列表至少一个分类!",
                    imageRes: $r('app.media.exclamationmark_triangle'),
                    duration: 600,
                  })
                } else {
                  this.delete(item)
                }

              })
              .opacity(0.6)
          }
          .padding({ left: 16, right: 16 })
          .justifyContent(FlexAlign.SpaceBetween)
          .width('100%')
          .height(56)
        }

        .clickEffect({ level: ClickEffectLevel.HEAVY, scale: 0.9 })
        .borderRadius(24)
        .backgroundColor(this.isShowBgImage && this.isOpenBackGroundBlur
          ? $r('app.color.menu_backGround') : $r('app.color.backGround_second'))


        .scale({ x: this.scaleSelect(item), y: this.scaleSelect(item) })
        .zIndex(this.dragItem?.cardName == item?.cardName ? 1 : 0)
        .translate(this.dragItem?.cardName == item?.cardName ? { y: this.offsetY } : { y: 0 })
        .gesture(
          // 以下组合手势为顺序识别，当长按手势事件未正常触发时则不会触发拖动手势事件
          GestureGroup(GestureMode.Sequence,
            LongPressGesture({ repeat: true })
              .onAction((event?: GestureEvent) => {
                if (this.first) {
                  util_Some.vibratorC()
                  this.first = false
                }
                animateTo({ curve: Curve.Friction, duration: 300 }, () => {
                  this.scaleItem = item
                })
              })
              .onActionEnd(() => {
                animateTo({ curve: Curve.Friction, duration: 300 }, () => {
                  this.scaleItem = undefined
                })
              }),
            PanGesture({ fingers: 1, direction: null, distance: 0 })
              .onActionStart(() => {
                this.dragItem = item
                this.dragRefOffset = 0
              })
              .onActionUpdate((event: GestureEvent) => {
                this.offsetY = event.offsetY - this.dragRefOffset
                this.neighborItem = undefined
                let index = this.kindTranT.indexOf(item)
                let curveValue = Curves.initCurve(Curve.Sharp)
                let value: number = 0
                //根据位移计算相邻项的缩放
                if (this.offsetY < 0) {
                  value = curveValue.interpolate(-this.offsetY / this.ITEM_INTV)
                  this.neighborItem = this.kindTranT[index - 1]
                  this.neighborScale = 1 - value / 20;
                  console.log('neighborScale:' + this.neighborScale.toString())
                } else if (this.offsetY > 0) {
                  value = curveValue.interpolate(this.offsetY / this.ITEM_INTV)
                  this.neighborItem = this.kindTranT[index + 1]
                  this.neighborScale = 1 - value / 20;
                }
                //根据位移交换排序
                if (this.offsetY > this.ITEM_INTV / 2) {
                  util_Some.vibratorC()
                  animateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {
                    this.offsetY -= this.ITEM_INTV
                    this.dragRefOffset += this.ITEM_INTV
                    this.itemMove(index, index + 1)
                  })
                } else if (this.offsetY < -this.ITEM_INTV / 2) {
                  util_Some.vibratorC()
                  animateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {
                    this.offsetY += this.ITEM_INTV
                    this.dragRefOffset -= this.ITEM_INTV
                    this.itemMove(index, index - 1)
                  })
                }
              })
              .onActionEnd((event: GestureEvent) => {
                util_Some.vibratorC()
                this.first = true
                animateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {
                  this.dragItem = undefined
                  this.neighborItem = undefined
                })
                animateTo({
                  curve: curves.interpolatingSpring(14, 1, 170, 17), delay: 150
                }, () => {
                  this.scaleItem = undefined
                })
              })
          )
            .onCancel(() => {
              animateTo({ curve: curves.interpolatingSpring(0, 1, 400, 38) }, () => {
                this.dragItem = undefined
                this.neighborItem = undefined
              })
              animateTo({
                curve: curves.interpolatingSpring(14, 1, 170, 17), delay: 150
              }, () => {
                this.scaleItem = undefined
              })
            })
        )
      },
        (item: Account) => item.cardName.toString() + new Date
      )
    }
    .width('100%')
    .height('100%')
    .scrollBar(BarState.Off)
    .chainAnimation(true)
  }
}

感觉代码没有问题啊