HarmonyOS 鸿蒙Next关于组件高度获取问题的咨询

某个组件height设置的是百分比，请问如何获取它的实际高度呢

可使用onAreaChange事件，在初始化或者组件尺寸变化时触发。

// xxx.ets
@Entry
@Component
struct AreaExample {
  @State value: string = 'Text'
  @State sizeValue: string = ''

  build() {
    Column() {
      Text(this.value)
        .backgroundColor(Color.Green)
        .margin(30)
        .fontSize(20)
        .onClick(() => {
          this.value = this.value + 'Text'
        })
        .onAreaChange((oldValue: Area, newValue: Area) => {
          console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`)
          this.sizeValue = JSON.stringify(newValue)
        })
      Text('new area is: \n' + this.sizeValue).margin({ right: 30, left: 30 })
    }
    .width('100%').height('100%').margin({ top: 30 })
  }
}

更多关于HarmonyOS 鸿蒙Next关于组件高度获取问题的咨询的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

zlyuanteng 2楼•2 天前

可使用onAreaChange事件，在初始化或者组件尺寸变化时触发。

具体文档可参考：

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

eggper 3楼•2 天前

在HarmonyOS 鸿蒙Next系统中，关于组件高度获取的问题，可以通过特定的API接口来实现。具体步骤如下：

使用Component接口：
- 你可以通过组件的Component接口获取其布局参数。
- 调用getComponent()方法获取当前组件实例。
- 使用getHeight()方法直接获取组件的高度值。注意，这个方法返回的是组件在当前布局中的实际高度，单位为像素（px）。
注意布局单位：
- 鸿蒙系统支持多种布局单位，如vp（虚拟像素）、fp（字体独立像素）等。
- 如果需要获取以其他单位表示的高度，可能需要进行单位转换。
动态布局调整：
- 如果组件的高度是动态变化的（如根据内容自动调整），你可能需要在组件大小变化后重新获取高度。
- 可以监听组件的SizeChangedListener，在组件大小变化时触发回调，并在回调中重新获取高度。
组件状态：
- 确保在获取高度时组件已经完成布局。如果组件还未完成布局，获取的高度值可能不准确。

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