HarmonyOS bindContentCover的背景颜色透明度

如果想实现背景透明，其他控件不透明的效果，这边有两个推荐：

方案一：使用半模态转场 bindSheet 来实现，示例代码如下：

.bindSheet($$this.isShow, this.playLottieBuilder(), {
  height: -1,
  backgroundColor: '#80000000',
  onWillAppear: () => {console.log("BindSheet onWillAppear.")},
  onAppear: () => {console.log("BindSheet onAppear.")},
  onWillDisappear: () => {console.log("BindSheet onWillDisappear.")},
  onDisappear: () => {console.log("BindSheet onDisappear.")}
})
1.
2.
3.
4.
5.
6.
7.
8.

方案二：将 this.playLottieBuilder()的组件抽离成一个页面（TestOpenPage），将这个页面作为一个子窗口加载然后将子窗口设置为透明背景这样来实现背景半透明效果，伪代码如下：

1、EntryAbility.ts
export default class EntryAbility extends UIAbility {
  …
  onWindowStageCreate(windowStage: window.WindowStage): void {
    …
    AppStorage.setOrCreate("windowStage", windowStage)//保存windowStage
    …
  }
  …
}
2、rightPage.ets
import { window } from '@kit.ArkUI';
Text('弹出日历')
  .height(50)
  .onClick(() => {
    let windowStage_: window.WindowStage = AppStorage.get("windowStage") as window.WindowStage;
    windowStage_.createSubWindow("subWindow", (err, win) => { //创建透明子窗口并打开
      win.setUIContent('pages/TestOpenPage');
      win.showWindow();
    })
  })
3、TestOpenPage.ets
import { window } from '@kit.ArkUI';

@Entry
@Component
struct TestOpenPage {
  @State message: string = 'TestOpenPage';

  aboutToAppear() {
    window.findWindow("subWindow").setWindowBackgroundColor("#99000000")//设置子窗口背景透明
  }

  onBackPress() {//关闭子窗口
    window.findWindow("subWindow").destroyWindow().then((res) => {
      console.log("destroyWindow success")
    }).catch(() => {
      console.log("destroyWindow fail")
    })
    return true
  }

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .height(300)
      .width('100%')
      .backgroundColor(Color.White)
    }
    .backgroundColor("#00000000")//组件背景，可以修改为#00000000透明
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.