​DevEco Studio的Image图片显示组件基本使用

 Image图片显示组件

1，声明Image组件并设置图片源（地址）

Image(src: string | PixelMap | Resource)

string格式，通常用来加载网络图片，需要申请网络访问权限:

在module.json5配置文件配置权限

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

Image ( 'https: //×xx.png' )

lap格式，可以加载像素图，常用在图片编辑中

Image(pixelMap0bject)

Resource格式，加载本地图片，推荐使用

Image($r( ' app.media.mate60')) //app.media  固定写法

Image( $rawfile( ' mate60.png' ))  //必须书写文件属性名

2．添加图片属性

Image($r( ' app.media.icon ' ))

    .width( 100)//宽度

    .height(120)//高度组

    .borderRadius(10)l/边框圆角

    .interpolation(ImageInterpolation.High) //图片插值