HarmonyOS鸿蒙Next中scroller的currentoffset位移获取问题

HarmonyOS鸿蒙Next中scroller的currentoffset位移获取问题 在onScrollStop回调时，通过scroller.currentOffet.yOffset获取不到正确的滑动距离；需要获取到正确的滑动位移；

ps: 在mate40. developer prevew1系统是正常准确的；

手机: mate60 pro next developer preview2

3 回复 
看看行不

```javascript
[@Entry](/user/Entry)
[@Component](/user/Component)
struct ScrollExample {
  scroller: Scroller = new Scroller()
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  [@State](/user/State) yOffset: number = 0
  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Scroll(this.scroller) {
        Column() {
          ForEach(this.arr, (item: number) => {
            Text(item.toString())
              .width('90%')
              .height(150)
              .backgroundColor(0xFFFFFF)
              .borderRadius(15)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .margin({ top: 10 })
          }, (item: string) => item)
        }.width('100%')
      }
      .scrollable(ScrollDirection.Vertical) // 滚动方向纵向
      .scrollBar(BarState.On) // 滚动条常驻显示
      .scrollBarColor(Color.Gray) // 滚动条颜色
      .scrollBarWidth(10) // 滚动条宽度
      .friction(0.6)
      .edgeEffect(EdgeEffect.None)
      .onScroll((xOffset: number, yOffset: number) => {
        console.info(xOffset + ' ' + yOffset)
      })
      .onScrollEdge((side: Edge) => { 
        console.info('To the edge')
      })
      .onScrollStop(() => {
        if (this.scroller != undefined && this.scroller?.currentOffset() != undefined) {
          this.yOffset = this.scroller.currentOffset().yOffset ?? 0;
          console.info('Scroll Stop')
        }
      })
      Button('Y轴偏移量：' + this.yOffset.toString())
        .height('5%')
        .onClick(() => {
        })
        .margin({ top: 10, left: 20 })
    }.width('100%').height('100%').backgroundColor(0xDCDCDC)
  }
}

更多关于HarmonyOS鸿蒙Next中scroller的currentoffset位移获取问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，scroller组件的currentOffset属性用于获取当前滚动位置的偏移量。currentOffset是一个二维向量，包含水平和垂直方向的偏移值。可以通过scroller.currentOffset.x和scroller.currentOffset.y分别获取水平和垂直方向的偏移量。

在使用scroller时，确保scroller组件已经正确初始化，并且滚动事件已经触发。currentOffset的值会在滚动过程中动态更新，因此可以在滚动事件的回调函数中实时获取当前的偏移量。

需要注意的是，currentOffset的值是基于scroller的内容区域和可视区域之间的相对位置计算的。如果内容区域的大小发生变化，或者scroller的布局发生调整，currentOffset的值也会相应更新。

在鸿蒙Next中，scroller的currentOffset属性是只读的，不能直接赋值或修改。如果需要改变滚动位置，可以使用scroller.scrollTo或scroller.scrollBy方法来实现。

总结：scroller.currentOffset用于获取当前滚动位置的偏移量，包含水平和垂直方向的偏移值。在滚动事件中实时获取并处理currentOffset的值，以实现滚动相关的逻辑。

在HarmonyOS鸿蒙Next中，Scroller组件用于实现滚动效果。要获取当前的位移值（currentOffset），可以通过监听Scroller的滚动事件来获取。具体步骤如下：

  1. 监听滚动事件：通过Scroller的onScroll事件监听滚动变化。
  2. 获取位移值：在onScroll回调函数中，使用scrollOffset参数获取当前的X轴和Y轴位移值。

示例代码：

scroller.onScroll((scrollOffset) => {
  let currentOffsetX = scrollOffset.x; // 获取X轴位移
  let currentOffsetY = scrollOffset.y; // 获取Y轴位移
  console.log(`Current Offset: X=${currentOffsetX}, Y=${currentOffsetY}`);
});

通过这种方式，你可以实时获取Scroller的当前位移值，并根据需要进行处理。

回到顶部