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 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-12-20 20:04:22


相关问题
HarmonyOS Image如何设置内容宽度自适应
436浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
426浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
300浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
450浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
1527浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1497浏览 • 1回复 待解决
HarmonyOS 高度自适应
743浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
440浏览 • 1回复 待解决
HarmonyOS popup宽度自适应
361浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3703浏览 • 1回复 待解决
Web组件如何实现高度自适应
1404浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
366浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
375浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
352浏览 • 1回复 待解决