HarmonyOS windows级别添加水印

app需要在 用户登录后再整个app上添加一个水印,每个页面都要覆盖,需要怎么做

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

目前没有统一处理全局水印的方式,可以把水印样式定义成公共组件,可参考如下代码:

1、定义全局的水印组件

@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,否则正常组件无法响应事件
}

2、基于水印组件定义一个export的custombuilder,以供全局使用

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

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

import { promptAction } from ‘@kit.ArkUI’
import { createWaterMark } from ‘…/components/watermark’;

@Entry
@Component
struct TestMarkDemo {
  build() {
    Row() {
      Column() {
        Text(“click”)
        .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .onClick(() => { // 测试对正常事件的响应
            promptAction.showToast({ message: “test” })
          })
      }
      .width(‘100%’)
    }
    .height(‘100%’)
    .overlay(createWaterMark())
  }
}

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS是否支持图片添加水印
345浏览 • 1回复 待解决
如何使用canvas添加水印
1346浏览 • 1回复 待解决
HarmonyOS 如何给 app 添加水印
386浏览 • 1回复 待解决
HarmonyOS PDF添加水印后展示白屏
41浏览 • 1回复 待解决
HarmonyOS 如何在app内全页面添加水印
38浏览 • 1回复 待解决
HarmonyOS 有没有对UI添加水印的方法
75浏览 • 1回复 待解决
HarmonyOS 拍照后的图片加水印
22浏览 • 1回复 待解决
HarmonyOS windows级别页面设置
19浏览 • 1回复 待解决
基于原生的水印添加能力
820浏览 • 1回复 待解决
HarmonyOS 水印相机、水印视频
25浏览 • 1回复 待解决
HarmonyOS 背景水印问题
374浏览 • 1回复 待解决
HarmonyOS 绘制水印如何实现?
246浏览 • 1回复 待解决
canvas如何实现水印效果
968浏览 • 1回复 待解决
HarmonyOS 如何查看权限级别
327浏览 • 1回复 待解决
图片处理(加动态水印
359浏览 • 1回复 待解决
HarmonyOS windows系统下编译失败
363浏览 • 0回复 待解决