HarmonyOS 鸿蒙Next Image组件如何加载应用安装目录下files文件夹下的图片资源

HarmonyOS 鸿蒙Next Image组件如何加载应用安装目录下files文件夹下的图片资源 官方文档中说Image可以加载但是没有例子

那么这个路径应该如何获取？ 又如何向这个路径中添加图片文件？

4 回复

示例如下，望采纳答案

  1. 《跟老卫学HarmonyOS开发》 开源免费教程：https://github.com/waylau/harmonyos-tutorial
  2. 《鸿蒙HarmonyOS手机应用开发实战》（清华大学出版社）
  3. 《鸿蒙HarmonyOS应用开发从入门到精通战》（北京大学出版社），
  4. “鸿蒙系统实战短视频App 从0到1掌握HarmonyOS” ：https://coding.imooc.com/class/674.html

# 学习更多HarmonyOS

更多关于HarmonyOS 鸿蒙Next Image组件如何加载应用安装目录下files文件夹下的图片资源的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


楼主咋解决的？

在API文档里查查 getResourceManager 试试（在 @ohos.resourceManager 包里），或者参考下面几个例子

如果是 file:// 开头的话，可能类似是 file:///storage/emulated/0/ 这种吧

在HarmonyOS（鸿蒙Next）中，使用Image组件加载应用安装目录下files文件夹中的图片资源，可以通过RawFile的方式实现。具体步骤如下：

  1. 图片资源放置：确保图片资源存放在应用的files目录下。路径为entry/src/main/resources/rawfile/files/。

  2. 加载图片：在代码中使用Image组件，并通过$rawfile引用图片资源。例如：

@Entry
@Component
struct Index {
  build() {
    Column() {
      Image($rawfile('files/your_image.png'))
        .width(100)
        .height(100)
    }
    .width('100%')
    .height('100%')
  }
}
  1. 路径说明：$rawfile('files/your_image.png')中的路径是相对于rawfile目录的路径，files是rawfile下的子目录，your_image.png是图片文件名。

通过以上方式，Image组件可以正确加载files文件夹下的图片资源。

回到顶部