随易App开发实战 ：开发实战之暗夜模式（深色模式）

项目地址：app_EasyRandom: 随易app (gitee.com)

本帖将介绍如何通过resource特性来进行简单的深色模式适配

在 ArkUI 中，resource资源类型具是一种便捷的资源引用类型，有以下优势和特点：

1. 集中管理资源：

   • resource目录允许将各种资源（如字符串、图像、颜色等）集中存放，便于管理和维护。这使得在项目开发过程中，开发者可以更轻松地找到和修改资源，提高开发效率。
   • 对于深色模式适配来说，将不同的字符颜色值放在dark/light的子目录中，使得资源的组织更加清晰。

2. 动态加载：

   • 根据不同的运行环境和用户设置，可以动态地加载相应的资源。例如，根据设备的显示设置（是否开启深色模式）来自动加载对应的颜色值资源，借助此特性可以实现应用的暗夜模式适配。
   • 这种动态加载的特性使得应用能够更好地适应不同的用户需求和场景，提供更加个性化的体验。

还有诸多优点不再介绍，通过以上的优点通过实际案例来介绍下如何进行简易的暗夜模式适配。

实现过程：

在resource文件夹下建立子文件夹：

​

注意是建立资源目录，资源目录的名称是设备显示模式dark/light两种值​

根据该提示进行选取即可。

​

注意建立的目录结构如上图所示，新的目录文件时resource的子文件，base的兄弟文件。

之后，根据resource的加载特性，你可以在新文件夹中定义与base相同的文件、json、媒体等资源，系统会根据设备显示模式自动切换。

例如：在base和dark两个文件夹下，分别在element>color.josn文件中设置不同的颜色字段

​

页面中通过resource分别调用，最终效果如下图所示：

​

通过此方案可便捷的实现应用的暗夜模式适配，并自动跟随系统设置切换。