HarmonyOS 鸿蒙Next 多图片资源引用

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”
]
}
}
]


更多关于HarmonyOS 鸿蒙Next 多图片资源引用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

同一个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

更多关于HarmonyOS 鸿蒙Next 多图片资源引用的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


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

  1. 本地图片资源：

    • 可将图片放在ets目录下的assets文件夹中，通过Image('/assets/图片名.png')的方式引用。
    • 也可将图片放在resource目录下的media或rawfile文件夹中，分别通过Image($r('app.media.图片名'))或Image($rawfile('图片名.png'))的方式引用。

  2. 网络图片资源：

    • 使用网络图片需申请ohos.permission.INTERNET权限。
    • 通过Image('网络图片链接')的方式引用网络图片，首次加载时会请求网络资源，非首次加载时默认从缓存中读取。

  3. 系统图标：

    • 可通过Image($r('sys.media.系统图标名'))或SymbolSpan($r('sys.symbol.系统图标名'))的方式引用系统图标。

  4. 其他注意事项：

    • 确保图片格式被支持，如png、jpg、bmp、svg和gif等。
    • 引用路径需正确，避免路径错误导致的图片加载失败。

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

回到顶部