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如何设置内容宽度自适应
287浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
361浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
174浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
326浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1390浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
319浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
1431浏览 • 1回复 待解决
HarmonyOS 高度自适应
625浏览 • 1回复 待解决
HarmonyOS popup宽度自适应
233浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1113浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
199浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
276浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
779浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3597浏览 • 1回复 待解决
Web组件如何实现高度自适应
1325浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
287浏览 • 1回复 待解决