问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

在HarmonyOS NEXT 中 自定义组件获取高度的方法？

头像
春暖花开
    18.4k28216
    HarmonyOSharmonyos-next
    阅读 701
    avatarAI BotBETA
    在HarmonyOS NEXT中，自定义组件获取高度的方法通常是通过访问组件的布局参数（LayoutParameters）来实现的。你可以使用组件的`getLayoutParams()`方法来获取其当前的布局参数，然后通过该参数获取高度值。以下是一个基本的示例：

    // 假设你有一个自定义组件的实例，比如CustomComponent
    CustomComponent customComponent = findViewById(ResourceId.your_custom_component_id);

    // 获取组件的布局参数
    Component.LayoutParams layoutParams = customComponent.getLayoutParams();

    // 获取高度（注意：这里获取的是布局参数中的高度，可能是MATCH_PARENT或WRAP_CONTENT对应的值）
    int height = layoutParams.height;

    // 如果需要获取组件在屏幕上的实际高度（即测量后的高度），可以使用以下方式：
    // 首先确保组件已经被测量和布局
    customComponent.post(new Runnable() {

    @Override
public void run() {
    // 获取组件的测量高度
    int measuredHeight = customComponent.getMeasuredHeight();
    // 现在你可以使用measuredHeight，它包含了组件的实际高度
}

    });

    
请注意，如果组件还没有被完全测量和布局（比如在组件刚被创建但还未显示在屏幕上时），直接使用`getMeasuredHeight()`可能会返回0。因此，在上述示例中，我们使用`post()`方法确保在组件完成测量和布局后再获取其高度。
    1 个回答
    得票最新
    头像
    三掌柜
      37.1k430249
      ✓ 已被采纳

      自定义组件获取组件高度可使用.onAreaChange()回调函数，参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...

      @Component 
struct HelloComponent { 
  @State message: string = 'Hello, World!'; 
 
  build() { 
    // HelloComponent自定义组件组合系统组件Row和Text 
    Row() { 
      Text(this.message) 
        .onClick(() => { 
          // 状态变量message的改变驱动UI刷新，UI从'Hello, World!'刷新为'Hello, ArkUI!' 
          this.message = 'Hello, ArkUI!'; 
        }) 
    } 
  } 
} 
 
class HelloComponentParam { 
  message: string = "" 
} 
 
@Entry 
@Component 
struct ParentComponent { 
  param: HelloComponentParam = { 
    message: 'Hello, World!' 
  } 
  @State sizeValue: string = '' 
 
  build() { 
    Column() { 
      Text('ArkUI message') 
      HelloComponent(this.param) 
        .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) 
        }) 
      Divider() 
      Text('new area is: \n' + this.sizeValue).margin({ right: 30, left: 30 }) 
    } 
  } 
}

      本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题