中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
如何使图片保持真实的宽高比,并且图片可以占满整个Image组件?
微信扫码分享
@Entry @Component struct Index { build() { Column() { //组件为正方形,图片为长方形 Image($r("app.media.aa")) .width(200) .height(200) .objectFit(ImageFit.Cover)//图片的宽高比得到了保存,但会有超出组件的部分,Cover的好处是图片不会被拉伸,坏处是会被裁切 .backgroundColor(Color.Red) } .width('100%') .height('100%') .justifyContent(FlexAlign.Center) } }