Openharmony 图片自适应全屏显示

最新推荐文章于 2024-09-12 17:22:47 发布

嵌入式lx

最新推荐文章于 2024-09-12 17:22:47 发布

阅读量178

点赞数 1

文章标签： openharmony harmonyos

本文链接：https://blog.csdn.net/lx3022949056/article/details/141997384

版权

前言：

Deveco_studio 4.1 release 版本

我们想要图片全屏显示，并且不出现黑白边，可以参考以下代码

这段代码会自适应你的容器大小，你的容器时全屏，图片就会全屏

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Column() {

    }
    .width('100%')
    .height('100%')
    .backgroundImage($r('app.media.6'))
    .backgroundImageSize({width: '100%', height: '100%'})//100%适应
  }
}

有问题可以联系改正