HarmonyOS 鸿蒙Next 使用ets开发，如何获取View组件的中心坐标并让list滑动一段距离

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 使用ets开发，如何获取View组件的中心坐标并让list滑动一段距离 请问鸿蒙使用ets的开发，那些获取View组件的中心坐标和让list滑动一段距离要怎么实现

3 回复

楼主你好，1. 获取组件中心坐标目前还没有接口实现。

  1. 给 List 组件绑定一个 Scroller，然后使用 Scroller 的 scrollTo 方法就可以实现让 list 滑动一段距离。详情请参考：https://developer.harmonyos.com/cn/docs/documentation/doc-references/ts-container-scroll-0000001163543527#section15413203010365

更多关于HarmonyOS 鸿蒙Next 使用ets开发，如何获取View组件的中心坐标并让list滑动一段距离的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


欢迎开发小伙伴们进来帮帮楼主

在HarmonyOS鸿蒙Next中使用ETS（Enhanced TypeScript）开发时，可以通过以下方式获取View组件的中心坐标并让列表滑动一段距离：

  1. 获取View组件的中心坐标： 首先，你需要通过组件的引用（ref）获取到该组件的实例。然后，可以使用组件的bounds属性，该属性返回一个Rect对象，表示组件在屏幕上的位置和大小。通过Rect对象的centerX和centerY属性，你可以获取到组件的中心坐标。

    示例代码：

    let centerX = this.viewRef.bounds.centerX;
let centerY = this.viewRef.bounds.centerY;

  2. 让列表滑动一段距离： 对于列表组件（如List），你可以通过其scroller属性来控制滚动。具体地，你可以调用scroller.scrollBy或scroller.scrollTo方法来实现滑动。

    示例代码：

    this.listRef.scroller.scrollBy(dx, dy); // dx 和 dy 分别表示在 x 轴和 y 轴上的滚动距离

请注意，上述代码是基于组件已有引用的假设。在实际开发中，你需要确保已经正确获取了组件的引用，并且组件已经加载完成。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部