获取Scroll容器组件内指定组件的坐标值

获取Scroll容器组件内指定组件的坐标值

HarmonyOS
2024-06-04 23:26:22
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
幸运小面

可通过以下两种方式获取组件坐标:方案一:给组件绑定onAreaChange属性来获取组件位置信息,将组件信息用数组存起来。scrollTo的yOffset通过数组下标来获取。

方案二:导入@ohos.arkui.componentUtils,通过getRectangleById来获取组件位置信息

示例代码

demo:

...  
    scroller: Scroller = new Scroller()  
    private componentsInfo: Position[] = []  
    private currentId: number = 1 // 要滚动的子组件索引  
... 
Stack() { 
  Scroll(this.scroller) { 
    Column() { 
      Button('LazyForEach') 
        .fontSize(20) 
        .margin({ bottom: 20 }) 
        .fontWeight(FontWeight.Bold) 
        .onAreaChange((oldValue: Area, newValue: Area) => { 
          this.componentsInfo[0] = newValue.position 
        }) 
      Button('web H5') 
        .fontSize(20) 
        .margin({ bottom: 20 }) 
        .fontWeight(FontWeight.Bold) 
        .onAreaChange((oldValue: Area, newValue: Area) => { 
          this.componentsInfo[1] = newValue.position 
        }) 
    } 
  } 
  Button('WebH5').onClick(() => { 
    this.scroller.scrollTo({ xOffset: 0, yOffset: this.componentsInfo[this.currentId].y as number }) 
  }) 
}

参考链接

组件区域变化事件onAreaChage​​componentUtils.getRectangleById

分享
微博
QQ
微信
回复
2024-06-05 19:58:15
相关问题
Scroll容器中子组件吸顶效果
262浏览 • 1回复 待解决
Scroll组件显示不全问题
891浏览 • 1回复 待解决
如何可以获取组件中心点坐标
639浏览 • 1回复 待解决
Polyline组件绘制坐标不准确
1871浏览 • 1回复 待解决
HarmonyOS如何获取指定组件宽高
1058浏览 • 1回复 待解决
如何隐藏容器组件溢出内容
2283浏览 • 1回复 待解决
HarmonyOS 子组件如何获取自身大小
308浏览 • 1回复 待解决
如何指定组件宽高比?
426浏览 • 1回复 待解决
如何获取Scroll组件的当前滚动偏移量
1970浏览 • 1回复 待解决
HarmonyOS Scroll组件无法滑动
301浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
251浏览 • 1回复 待解决
在嵌套组件Scroll不生效
2028浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
195浏览 • 1回复 待解决
容器组件onVisibleAreaChange不生效
1748浏览 • 1回复 待解决
docker容器MySQL、Redis无法连接
3337浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
306浏览 • 1回复 待解决
Scroll组件展示位置如何调整
2315浏览 • 1回复 待解决
ScrollFlex加宽高与滑动冲突
1984浏览 • 1回复 待解决
ArkTs如何自定义容器组件
2951浏览 • 1回复 待解决
HarmonyOS 页面组件转场动画
220浏览 • 1回复 待解决