Harmonyos开发——Image组件

ArkTS——Image组件

（1）Image组件声明

 Image组件共有以下三种声明方式：
（1）string格式，通常用来加载网络图片，若部署在真实设备上，需要申请网络访问权限
     Image（"URL"）
（2）PixelMap格式，可以加载像素图，常用在图片编辑中
     Image（pixelMapObject）
（3）Resource格式，加载本地图片（推荐）
     Image($r('app.media.xxx'))不需要带后缀名 地址：src/main/resources/base/media
     Image($rawfile(xxx.png))需要后缀，地址：src/main/resources/rawfile

（2）Image属性

Image($r('app.media.xxx'))//Resource格式
  .width(100)//宽度
  .height(100)//高度
  .borderRadius(10)//边框圆角
  .interpolation(ImageInterpolation.High)//图片插值：调整图片清晰度

示例

code：

@Entry
@Component
struct UI_img{
  build(){
    Row(){
      Column(){
        Image($r('app.media.icon'))//如果使用的是URL形式，需要在 module.json5中添加"requestPermissions": [{"name": "ohos.permission.INTERNET"}],向系统申请获取访问网络权限
          .width(100)//宽度
          .height(100)//高度
          .borderRadius(10)//边框圆角
          .interpolation(ImageInterpolation.High)//图片插值：调整图片清晰度
      }
    }
    .justifyContent(FlexAlign.Center)
    .width('100%')
    .height('100%')
  }
}

效果：