#鸿蒙通关秘籍#如何在HarmonyOS深色模式下处理图片资源加载？

在深色模式下处理图片资源加载可以通过以下步骤：

1. 创建双资源目录：在resources目录下创建dark/media子目录，放置深色模式下的图片资源，并确保文件名与浅色模式相同。
2. 使用不同的图片资源ID：根据当前颜色模式在对应生命周期中设置图片资源。例如：

   @StorageProp('currentColorMode') @Watch('onColorModeChange') currentMode: number = 0;
   
   onColorModeChange(): void {
     if (this.currentMode === ConfigurationConstant.ColorMode.COLOR_MODE_DARK) {
       this.banner = $r("app.media.dark_mode_banner");
     } else {
       this.banner = $r("app.media.light_mode_banner");
     }
   }
   1.
   2.
   3.
   4.
   5.
   6.
   7.
   8.
   9.

   复制

3。 SVG图片fillColor设置：如果使用SVG图片，通过fillColor属性设置对应颜色资源ID：

Image($r('app.media.view'))
.fillColor($r('app.color.view_fill_color'))
.width($r('app.integer.view_image_width'))
.aspectRatio(1)
.objectFit(ImageFit.Contain)
1.
2.
3.
4.
5.