中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
Image组件如何保持真实的宽高比,使得图片完全显示在显示边界内。
微信扫码分享
@Entry @Component struct Index { build() { Column() { //组件为正方形,图片为长方形 Image($r("app.media.aa")) .width(200) .height(200) .objectFit(ImageFit.Contain)//ImageFit.Contain可以是图片保持宽高比 .backgroundColor(Color.Red) } .width('100%') .height('100%') .justifyContent(FlexAlign.Center) } }