#鸿蒙学习大百科#如何实时获取组件的尺寸大小?

如何实时获取组件的尺寸大小?

HarmonyOS
2024-09-26 10:03:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
朝花惜拾丶

通过onAreaChange监听组件的尺寸变化。

@Entry
@Component
struct Index {
  @State rate: number = 0.8
  @State info: string = ''
  // 底部滑块,可以通过拖拽滑块改变容器尺寸
  @Builder slider() {
    Slider({ value: this.rate * 100, min:20, max: 100, style: SliderStyle.OutSet })
      .blockColor(Color.White)
      .width('60%')
      .onChange((value: number) => {
        this.rate = value / 100;
      })
      .position({ x: '20%', y: '80%' })
  }

  build() {
    Column() {
      Column() {
        Row() {
          Text(this.info).fontSize(20).lineHeight(22)
        }
        .borderRadius(12)
        .padding(24)
        .backgroundColor('#FFFFFF')
        .width(this.rate * 100 + '%')
        .onAreaChange((oldValue: Area, newValue: Area) => {
          this.info = "width:"+newValue.width+"\r\n"+"height:"+newValue.height
        })
      }

      this.slider()
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#F1F3F5')
    .justifyContent(FlexAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2024-09-26 16:11:34
相关问题
#鸿蒙学习大百科#包大小优化
166浏览 • 1回复 待解决