HarmonyOS 鸿蒙Next：为什么我最新版本的deveco studio预览窗的安全范围不是全屏，上面怎么也显示不出来

根据文档，应用在默认情况下窗口背景绘制范围是全屏，但UI元素被限制在安全区内（自动排除状态栏和导航条）进行布局，来避免界面元素被状态栏和导航条遮盖。如图：

可以通过如下两种方式实现沉浸式效果：

1.状态栏和导航条颜色相同场景，可以通过设置窗口的背景色来实现沉浸式效果。窗口背景色可通过setWindowBackgroundColor()进行设置。

1. import { AbilityConstant, UIAbility, Want } from '[@kit](/user/kit).AbilityKit';
2. import { window } from '[@kit](/user/kit).ArkUI';
3. export default class EntryAbility extends UIAbility {
4. // ...
5. onWindowStageCreate(windowStage: window.WindowStage): void {
6. windowStage.loadContent('pages/Index', (err, data) => {
7. if (err.code) {
8. return;
9. }
10. // 设置全窗颜色和应用元素颜色一致
11. windowStage.getMainWindowSync().setWindowBackgroundColor('#008000');
12. });
13. }
14. }

2.状态栏和导航条颜色不同时，可以使用expandSafeArea属性扩展安全区域属性进行调整。

1. // xxx.ets
2. [@Entry](/user/Entry)
3. [@Component](/user/Component)
4. struct Example {
5. build() {
6. Column() {
7. Row() {
8. Text('Top Row').fontSize(40).textAlign(TextAlign.Center).width('100%')
9. }
10. .backgroundColor('#F08080')
11. // 设置顶部绘制延伸到状态栏
12. .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
13. Row() {
14. Text('Bottom Row').fontSize(40).textAlign(TextAlign.Center).width('100%')
15. }
16. .backgroundColor(Color.Orange)
17. // 设置底部绘制延伸到导航条
18. .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
19. }
20. .width('100%').height('100%').alignItems(HorizontalAlign.Center)
21. .backgroundColor('#008000')
22. .justifyContent(FlexAlign.SpaceBetween)
23. }
24. }