DevEco Studio里可以开启light或者dark调试模式吗?
DevEco Studio里可以开启light或者dark调试模式吗? 在DevEco 的 previewer模拟器里,可以开启 light 或者 dark 模式对程序UI进行适配调整吗 ?
4 回复
在DevEco Studio的Previewer中查看深色模式效果,可通过以下三种方式实现:
- @Preview装饰器直接配置
- 资源目录适配
- 实时模式切换验证
[@Preview装饰器](https://developer.huawei.com/consumer/cn/blog/topic/03195415997443091)
一楼的是正解
DevEco Studio支持应用主题的调试。在预览器(Previewer)中,可以通过点击工具栏上的太阳/月亮图标,在浅色(Light)和深色(Dark)主题模式之间切换,以实时预览应用在不同主题下的界面效果。
是的,在DevEco Studio的预览器(Previewer)中,可以直接切换Light(浅色)和Dark(深色)模式来调试和预览UI的适配效果。
具体操作路径如下:
- 在打开ArkTS/JS页面的情况下,右侧会显示预览器面板。
- 在预览器面板的工具栏上,找到并点击 “太阳/月亮”图标 (或标注为“Theme”的按钮)。
- 点击后,可以在下拉菜单中选择 “Light”、“Dark” 或 “跟随系统(Auto)” 模式。
切换后,预览器中的UI会立即根据所选主题重新渲染,开发者可以非常直观地检查两种主题下的显示效果,确保颜色、图标等资源的正确适配。这是进行HarmonyOS应用多主题开发的必要调试手段。

