HarmonyOS 鸿蒙Next 实现状态栏利用背景色的沉浸效果

  onWindowStageCreate(windowStage: window.WindowStage) {
    // 设置沉浸式
    // 1.获取应用主窗口。
    let windowClass: window.Window | null = null;
    windowStage.getMainWindow((err, data) => {
      let errCode: number = err.code;
      if (errCode) {
        console.error('AppLauncher', 'Failed to obtain the main window. Cause: ' + JSON.stringify(err));
        return;
      }
      windowClass = data;
      console.error('AppLauncher', 'Succeeded in obtaining the main window. Data: ' + JSON.stringify(data));
  <span class="hljs-comment">// 2.实现沉浸式效果。方式一：设置导航栏、状态栏不显示。</span>
  <span class="hljs-comment">// let names: Array&lt;'status' | 'navigation'&gt; = [];</span>
  <span class="hljs-comment">// windowClass.setWindowSystemBarEnable(names, (err: BusinessError) =&gt; {</span>
  <span class="hljs-comment">//   let errCode: number = err.code;</span>
  <span class="hljs-comment">//   if (errCode) {</span>
  <span class="hljs-comment">//     console.error('AppLauncher', 'Failed to set the system bar to be visible. Cause:' + JSON.stringify(err));</span>
  <span class="hljs-comment">//     return;</span>
  <span class="hljs-comment">//   }</span>
  <span class="hljs-comment">//   console.info('AppLauncher', 'Succeeded in setting the system bar to be visible.');</span>
  <span class="hljs-comment">// });</span>
  <span class="hljs-comment">// 2.实现沉浸式效果。方式二：设置窗口为全屏布局，配合设置导航栏、状态栏的透明度、背景/文字颜色及高亮图标等属性，与主窗口显示保持协调一致。</span>
  <span class="hljs-keyword">let</span> isLayoutFullScreen = <span class="hljs-literal">true</span>;
  windowClass.<span class="hljs-title function_">setWindowLayoutFullScreen</span>(isLayoutFullScreen, <span class="hljs-function">(<span class="hljs-params">err</span>) =&gt;</span> {
    <span class="hljs-keyword">let</span> <span class="hljs-attr">errCode</span>: number = err.<span class="hljs-property">code</span>;
    <span class="hljs-keyword">if</span> (errCode) {
      <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">error</span>(<span class="hljs-string">'AppLauncher'</span>,
        <span class="hljs-string">'Failed to set the window layout to full-screen mode. Cause:'</span> + <span class="hljs-title class_">JSON</span>.<span class="hljs-title function_">stringify</span>(err));
      <span class="hljs-keyword">return</span>;
    }
    <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">info</span>(<span class="hljs-string">'AppLauncher'</span>, <span class="hljs-string">'Succeeded in setting the window layout to full-screen mode.'</span>);
  });
  <span class="hljs-keyword">let</span> <span class="hljs-attr">sysBarProps</span>: <span class="hljs-variable language_">window</span>.<span class="hljs-property">SystemBarProperties</span> = {
    <span class="hljs-attr">statusBarColor</span>: <span class="hljs-string">'FFFFFFFF'</span>,
    <span class="hljs-attr">navigationBarColor</span>: <span class="hljs-string">'#00ff00'</span>,
    <span class="hljs-comment">// 以下两个属性从API Version 8开始支持</span>
    <span class="hljs-attr">statusBarContentColor</span>: <span class="hljs-string">'#000000'</span>,
    <span class="hljs-attr">navigationBarContentColor</span>: <span class="hljs-string">'#ffffff'</span>
  };
  windowClass.<span class="hljs-title function_">setWindowSystemBarProperties</span>(sysBarProps, <span class="hljs-function">(<span class="hljs-params">err</span>) =&gt;</span> {
    <span class="hljs-keyword">let</span> <span class="hljs-attr">errCode</span>: number = err.<span class="hljs-property">code</span>;
    <span class="hljs-keyword">if</span> (errCode) {
      <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">error</span>(<span class="hljs-string">'AppLauncher'</span>, <span class="hljs-string">'Failed to set the system bar properties. Cause: '</span> + <span class="hljs-title class_">JSON</span>.<span class="hljs-title function_">stringify</span>(err));
      <span class="hljs-keyword">return</span>;
    }
    <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">info</span>(<span class="hljs-string">'AppLauncher'</span>, <span class="hljs-string">'Succeeded in setting the system bar properties.'</span>);
  });
})
}