HarmonyOS（二）之 Image组件

Image组件基本用法

build() {
    Row() {
      Column() {
        Image($r("app.media.icon"))
          .width(100)
          .height(100)
      }
      .width('100%')
    }
    .height('100%')
  }

一、设置图片数据源

Image(src: string | PixelMap | Resource)

入参：src是图片数据源

1、使用string数据加载网络图片：Image("https://xxxxx")

string类型包括本地路径、网络地址等。在加载网络图片时，需要在module.json5文件中添加网路访问权限：

"module": {
    ...,
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ],
    ...,
  }

2、使用PixelMap数据加载图片：Image(pixelMapObject)

PixelMap为图像像素类，用于读取或写入图像数据以及获取图像信息

3、使用Resource数据加载图片：

a、Image($r("app.media.icon"))

需要将图片放在resources/base/media目录下，Image($r("app.media.文件名")

b、Image($rawfile("image.png"))

需要将图片放在resources/rawfile目录下，Image($rawfile("文件名.后缀名")

二、设置图片大小

可通过