HarmonyOS 鸿蒙Next如何获取一个page的宽度&高度呢?

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

HarmonyOS 鸿蒙Next如何获取一个page的宽度&高度呢? 如何获取一个page的宽度&高度呢?

2 回复

目前无直接获取目标宽高的方法,但是可以使用组件区域变化事件去间接获取,可参考以下链接:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange

更多关于HarmonyOS 鸿蒙Next如何获取一个page的宽度&高度呢?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS(鸿蒙)系统中,获取一个Page的宽度和高度通常涉及到布局和组件的尺寸测量。鸿蒙系统使用ArkUI框架进行界面开发,其中包括JavaScript和eTS(Enhanced TypeScript)两种开发语言。以下是如何在eTS中获取一个Page的宽度和高度的简要说明:

在eTS中,你可以通过@Entry装饰的类来定义一个Page,并通过@Component装饰的组件来获取其尺寸。然而,直接获取Page的尺寸并不常见,因为通常你会关注组件的尺寸。不过,你可以通过以下方式间接获取Page的尺寸:

  1. 创建一个自定义组件,并在该组件的onMountedonReady生命周期钩子中,使用this.rect属性来获取组件的尺寸。但请注意,this.rect属性可能不包含Page的整体尺寸,而是组件本身的尺寸。

  2. 另一种方法是,在Page的布局中使用一个占满整个Page空间的组件(如Container),然后获取该组件的尺寸。这可以通过设置组件的widthheight100%来实现,并在组件的onMountedonReady钩子中访问this.rect

  3. 如果需要更精确地获取Page的尺寸(包括padding、margin等),可能需要手动计算或使用布局测量API(如果存在)。

请注意,上述方法可能因鸿蒙系统的版本和具体实现而有所不同。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部