[HarmonyOS Next]鸿蒙App,沉浸式效果

219 阅读1分钟

大家好,这里是程序员阿山哥🤓


今天给自己开发的鸿蒙Next App 实现沉浸式效果,其实就是屏幕上边的状态栏和下边的横条区域和App界面一样的颜色。

之前在知识星球分享过 expandSafeArea 的方案(t.zsxq.com/8jkJ9),但后来在真机上发现有问题,在对App进行缩小分屏的时候,有个缩小动画,发现其实底部还是默认色-白色,而我的App主要是展示颜色切换的,会有明显的割裂感。所以我需要将窗口的背景色一起换掉。同时保留 安全区域Q,expandSafeArea 的方案默认是没有安全区域了,它是将组件进行了延伸, 翻阅文档后,我选择了组件安全区方案,既保留安全区域不可以点击,又让颜色一致,达成沉浸式效果。

翻阅文档后,我选择了组件安全区方案,既保留安全区域不可以点击,又让颜色一致,达成沉浸式效果。

image.png

在组件build之前,先给一个颜色,这也是App打开时的随机颜色

image.png

然后在点击事件里(点击的时候切换颜色),也进行一次设置,这样每次组件颜色变化的时候,窗口(window)的背景色也跟着变化,看起来就有沉浸式效果了
今天的分享到此结束,大家学废了吗😉

参考文档:

developer.huawei.com/consumer/cn…
developer.huawei.com/consumer/cn…