鸿蒙ArkTS声明式开发：跨平台支持列表【组件区域变化事件】

最新推荐文章于 2024-09-09 18:51:28 发布

移不动开发技术

最新推荐文章于 2024-09-09 18:51:28 发布

阅读量549

点赞数 10

分类专栏：鸿蒙开发文章标签： harmonyos OpenHarmony 鸿蒙系统移动开发程序员 ArkTS 鸿蒙

本文链接：https://blog.csdn.net/m0_62167422/article/details/139277364

版权

鸿蒙开发专栏收录该内容

244 篇文章 26 订阅

订阅专栏

组件区域变化事件

组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。

说明：
开发前请熟悉鸿蒙开发指导文档： gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。
从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

事件

名称	支持冒泡	功能描述
onAreaChange(event: (oldValue: [Area], newValue: [Area]) => void)	否	组件区域变化时触发该回调。仅会响应由布局变化所导致的组件大小、位置发生变化时的回调。由绘制变化所导致的渲染属性变化不会响应回调，如translate、offset。 - [Area]：返回目标元素的宽高以及目标元素相对父元素和页面左上角的坐标位置。

示例

鸿蒙文档.png

// 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 })
  }
}

zh-cn_image_0000001189634870