HarmonyOS app全局水印咋么实现?

Question

使用subWindow时，存在router跳转到subWindow的情况，但是我们引用的三方库很多逻辑都是使用router.push的方式跳转页面，无法修改，除了subWindow，还有其他方式能实现全局水印吗?

Answer 1

口味你好，以下是一些实现全局水印的方法：
可提供过 builder 构建图层，并且在 build 时通过 overlay 覆盖，具体示例如下：

@Entry
@Component
struct Index {
  @Builder overlay1() {
    Image($rawfile('transition_image.jpg'))
     .width('100%')
     .height('100%')
     .opacity(0.1)
     .hitTestBehavior(HitTestMode.Transparent)
  }
  build() {
    Column(){
      Button('打开loading')
       .id('Button1')
       .onClick(() => {
          console.log('success-a')
        })
      Button('打开loading2')
       .id('Button2')
       .onClick(() => {
          console.log('success-b')
        })
    }
   .width('100%')
   .height('100%')
   .overlay(this.overlay1(),{align:Alignment.Center})
  }
}

把水印样式定义成公共组件：

@Entry
@Component
export struct WaterMarkComponent {
  build() {
    Column({ space: 10 }) {
      Text(“TestMark”)
     .fontSize(50)
       .fontColor(Color.Gray)
    }
   .width(‘100%’)
   .height(‘100%’)
   .backgroundColor(\"#51aaaaaa\")
     .justifyContent(FlexAlign.Center)
  }
}

@Builder
export function createWaterMark() {
  WaterMarkComponent()
   .hitTestBehavior(HitTestMode.None) // 必须设置其触摸测试为None或Transparent，否则正常组件无法响应事件
}

在需要加水印页面的根节点上添加.overlay 属性，并使用上述的 custombuilder。