HarmonyOS Image 组件 宽度自适应, 高度怎么设置height: auto?

HarmonyOS
2024-12-20 16:20:20
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以获取屏幕的宽高,图片设置fitOriginalSize之后组件大小就是图片大小,然后使用组件区域变化事件:onAreaChange(event: (oldValue: Area, newValue: Area) => void):组件区域变化时触发该回调。仅会响应由布局变化所导致的组件大小、位置发生变化时的回调。由绘制变化所导致的渲染属性变化不会响应回调,如translate、offset。Area:返回目标元素的宽高以及目标元素相对父元素和页面左上角的坐标位置。示例:

// 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 })
  }
}
分享
微博
QQ
微信
回复
2024-12-20 20:04:22
相关问题
HarmonyOS Image如何设置内容宽度自适应
1249浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
1023浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
920浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
2152浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
1051浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
2307浏览 • 1回复 待解决
HarmonyOS 高度自适应
1330浏览 • 1回复 待解决
HarmonyOS popup宽度自适应
908浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
1043浏览 • 1回复 待解决
Web组件如何实现高度自适应
1964浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4442浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
897浏览 • 1回复 待解决
HarmonyOS grid如何自适应宽度
1080浏览 • 1回复 待解决