鸿蒙(HarmonyOS NEXT)加载图片资源的方式

鸿蒙(HarmonyOS NEXT) 可以使用Image或HarmonyOSSymbol加载图片资源

一、使用本地图片

1、放在assets文件夹中

在ets目录里新建一个assets并且拖动图片到该目录里，加载实现代码：

Image('/assets/a.png')
    .width(48)
    .height(48)

2、放在resource目录下的media目录

注意：这种方式不需要图片后缀

 Image($r('app.media.background'))
   .width(48)
   .height(48)

3、放在resource目录下的rawfile 目录

 Image($rawfile('background.png'))
    .width(48)
    .height(48)

 

二、加载网络图片 

使用网络图片的时候需要开启 网络权限 ，配置方式: 在module.json5文件里

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

 Image组件中使用

Image("https://profileavatar.csdnimg.cn/a5a14c71d4e247b2b0de5f09d0d4deaf_liang04273.jpg!1")
.width(48)
.height(48)