HarmonyOS ArkUI中设置宽高

请问在ArkUI中设置宽高有没有这样一种方式:宽度相对于高度比例或者高度相对于宽度的比例。

例如:我有一张图片 设置了宽度是屏幕的5%:width(‘5%’)这时候我设置高度时候我并不知道屏幕5%具体是多少,我想把图片的高度设置成和宽度一样的值(也就是等于宽度的100%),或者宽度的80%等等,这种情况下如何设置呢

HarmonyOS
2024-12-26 14:10:52
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

请参考下方代码,效果请在模拟器或真机查看,

import display  from '@ohos.display';

@Entry
@Component
struct CallArkTs04 {
  @State imgWidth: number = 100
  @State imgHeight: number = 100
  aboutToAppear() {
    display.getAllDisplays((err, data) => {
      let screenWidth : number = data[0].width
      let screenHeight : number = data[0].height
      this.imgWidth=screenWidth * 0.05
      this.imgHeight=this.imgWidth * 0.8
    })
    }
  build() {
    Column(){
      Image($r('app.media.app_icon'))
        .width(this.imgWidth)
        .height(this.imgHeight)
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-26 16:56:16
相关问题
HarmonyOS RelativeContainer设置问题
112浏览 • 1回复 待解决
HarmonyOS的window怎么设置固定
1901浏览 • 1回复 待解决
HarmonyOS 怎么在Page获取窗口的
212浏览 • 1回复 待解决
HarmonyOS richtext如何控制
141浏览 • 1回复 待解决
HarmonyOS 获取图片的
93浏览 • 1回复 待解决
JS UI框架canvas如何动态指定
7168浏览 • 1回复 待解决
HarmonyOS photoAsset获取图片失败
457浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应问题
930浏览 • 1回复 待解决
获取Column最终的
596浏览 • 1回复 待解决
HarmonyOS 如何获取Webview的
183浏览 • 1回复 待解决
HarmonyOS 获取手机设备
328浏览 • 1回复 待解决
如何测量获取控件
934浏览 • 1回复 待解决