【Harmony】ArkUI全局设置窗口背景颜色、页面背景颜色

前言

在开发过程中,公司的设计师为公司Harmony App产品,准备了独立的Token的情况下,App内基本上所有的Page页面的背景颜色均为一致的。这时候不应该在每个页面中的最外层布局上添加backgroundColor属性。使用backgroundColor属性来设置页面的背景颜色,缺点过于明显。在于,当在未来的某天公司希望为App的颜色上大改时,页面的背景颜色需要再每一个页面上进行修改,这使得工作量增加、遗漏的概率大等问题。

使用

使用ArkUI中对于ArkTS下的窗口管理来进行开发,使用setWindowBackgroundColor方法来进行修改窗口颜色,使得整体页面不需要再依次修改背景颜色。

示例代码

typescript 复制代码
export default class EntryAbility extends UIAbility {
    onWindowStageCreate(windowStage: window.WindowStage): void {
      // Main window is created, set main page for this ability
      hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageCreate');

      windowStage.loadContent('pages/WelcomePage', (err) => {
        if (err.code) {
          hilog.error(DOMAIN, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));
          return;
        }
        hilog.info(DOMAIN, 'testTag', 'Succeeded in loading the content.');

        // 1. 获取应用主窗口
        let windowClass = windowStage.getMainWindowSync();
        // 2. 设置窗口颜色
        windowClass.setWindowBackgroundColor('#F4F4F4')
      });
    }
}

总结

在华为的HarmonyOS开发API参考中,window窗口管理相关API还有很多,大家可以自行参考学习,本文章只提到了作者遇到的问题时所做的记录。

谢谢大家浏览~ ~ !

相关推荐
上海张律师33 分钟前
组件截图sdk -- screenshot_hm介绍 ##三方SDK##
前端·harmonyos
lqj_本人37 分钟前
鸿蒙OS&UniApp 移动端直播流播放实战:打造符合鸿蒙设计风格的播放器#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人41 分钟前
鸿蒙OS&UniApp复杂表单与动态验证实践:打造高效的移动端表单解决方案#三方框架 #Uniapp
华为·uni-app·harmonyos
移动端开发者1 小时前
鸿蒙Next Tabs实现底部导航进阶
harmonyos
simple丶1 小时前
【HarmonyOS 】工具函数封装 持续更迭...
harmonyos·arkts·arkui
上海张律师2 小时前
如何实现组件截图 -- componentSnapshot
harmonyos
Bruce_Liuxiaowei14 小时前
HarmonyOS NEXT~鸿蒙操作系统功耗优化特性深度解析
华为·harmonyos
SuperHeroWu714 小时前
【HarmonyOS 5】鸿蒙中的UIAbility详解(二)
华为·harmonyos·数据传递·uiability·启动模式·生命周期监听·监听设备环境信息
OBOO鸥柏商用液晶显示厂家16 小时前
OBOO鸥柏丨2025年鸿蒙生态+国产操作系统触摸屏查询一体机核心股
华为·harmonyos
实在智能RPA1 天前
实在Agent成业界首批全面适配鸿蒙、麒麟、统信信创系统的智能体
人工智能·华为·harmonyos·agent智能体·实在agent