HarmonyOS 鸿蒙Next 多图片资源引用

参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-customized-multi-targets-and-products-guides-V5
文档
新建了不同的资源目录
“targets”: [
{
“name”: “xxx”,
“resource”: {
“directories”: [
“./src/main/resources”
]
}
},
{
“name”: “xxx”,
“resource”: {
“directories”: [
“./src/main/resources_xxx”
]
}
}
]

zlyuanteng 1楼•20 天前

同一个target使用的资源请放在一起，就比如下面案例

 { 
      "name": "free", 
      "runtimeOS": "HarmonyOS", 
      "config": { 
        "deviceType": [ 
          "phone" 
        ] 
      }, 
      "source": {   
        "pages": [ 
          "pages/Index", 
          "pages/Page1" 
        ] 
      }, 
      "resource": {  //定义免费版target使用的资源文件目录 
        "directories": [ 
          "./src/main/resources_default", 
          "./src/main/resources_free" 
        ] 
      } 
    },

定义产物的资源参考地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-customized-multi-targets-and-products-guides-V5#section1853511169480

h691938207 2楼•20 天前

针对HarmonyOS 鸿蒙Next多图片资源引用的问题，以下是一些专业解答：

本地图片资源：
- 可将图片放在ets目录下的assets文件夹中，通过Image('/assets/图片名.png')的方式引用。
- 也可将图片放在resource目录下的media或rawfile文件夹中，分别通过Image($r('app.media.图片名'))或Image($rawfile('图片名.png'))的方式引用。
网络图片资源：
- 使用网络图片需申请ohos.permission.INTERNET权限。
- 通过Image('网络图片链接')的方式引用网络图片，首次加载时会请求网络资源，非首次加载时默认从缓存中读取。
系统图标：
- 可通过Image($r('sys.media.系统图标名'))或SymbolSpan($r('sys.symbol.系统图标名'))的方式引用系统图标。
其他注意事项：
- 确保图片格式被支持，如png、jpg、bmp、svg和gif等。
- 引用路径需正确，避免路径错误导致的图片加载失败。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。