#鸿蒙通关秘籍#如何适配深色与浅色模式？

在HarmonyOS开发中适配深色与浅色模式可以采取以下几种策略：

1. 固定属性适配：对于不变色的组件可直接设定固定色值。例如：

   Text("精品好礼")
   .opacity(0.6)
   .fontColor($r('app.color.black_font_color'))
   .margin({ left: $r('app.integer.text_margin_left') })
   1.
   2.
   3.
   4.

   复制
2. 双资源目录适配：在resources目录下创建dark子目录，放置深色模式的颜色和图片，例如在dark/element中创建color.json。这可以让系统自动在深色模式下加载特定资源。
3. 利用系统分层参数：引用系统提供的层级颜色资源，系统会自动根据当前模式切换。例如：

   .fontColor($r('sys.color.ohos_id_color_foreground'))
   1.

   复制
4. 监听颜色模式变化：注册AbilityStage.onConfigurationUpdate事件，检测颜色模式变化，动态调整UI。例如：

   onConfigurationUpdate(config: Configuration) {
     AppStorage.setOrCreate('currentColorMode', config.colorMode);
   }
   1.
   2.
   3.

   复制