HarmonyOS鸿蒙Next中Swiper如何控制在最边缘时弹性距离

【问题现象】

使用Swiper展示内容时，在列表的第一个和最后一个展示时，可以通过上划或者下划触发弹性伸缩。但是，弹性伸缩的距离过长。是否可以设置Swiper中弹性伸缩的高度，如下图拉到最下面伸缩的距离大概有2/5：

把第一个内容拉倒最下面伸缩距离固定：

【背景知识】

Swiper相关内容可以参考官方文档Swiper API。官方文档中没有现成的接口设置边缘回弹距离，需要在原有接口的基础上进行一些更改。

【解决方案】

通过禁用Swiper内置的边缘回弹效果，自定义边缘的回弹动作。参考如下代码：

Swiper(this.swiperController) {
  Text() // 轮播内容
    .translate({
      x: this.traX,
      y: this.traY   // 偏移设置为捕获到的偏移量
    })
}
.effectMode(EdgeEffect.None) // 禁用内置边缘效果
.parallelGesture(
  PanGesture({ direction: PanDirection.Vertical })
    .onActionUpdate((event) => {
      // 这里控制滑动距离，第一个往下滑
      if (this.index == 0 && event.offsetY < 50) {
        this.traY = event.offsetY
      }
      // 这里控制滑动距离， 最后一个往上滑
      if (this.index == this.data.totalCount() - 1 && event.offsetY > -50) {
        this.traY = event.offsetY
      }
    })
    .onActionEnd((event) => {
      console.info(JSON.stringify(event))
      animateTo({
        duration: 100, // 这里可以控制回弹速度
        curve: Curve.EaseOut,
        iterations: 1,
        playMode: PlayMode.Normal,
        onFinish: () => {
          console.info('play end')
        }
      }, () => {
        this.traY = 0
      })
    })
)

运行结果：

【总结】

对于系统接口行为与预期不符的情况，可以禁用系统接口的默认功能，并重写相关接口以实现预期效果。