HarmonyOS windows级别添加水印

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

HarmonyOS
2024-12-25 08:55:17
浏览
收藏 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
微信
回复
2024-12-25 11:16:14
相关问题
HarmonyOS拍照后图片添加水印
102浏览 • 1回复 待解决
HarmonyOS是否支持图片添加水印
509浏览 • 1回复 待解决
如何使用canvas添加水印
1664浏览 • 1回复 待解决
HarmonyOS 如何给 app 添加水印
646浏览 • 1回复 待解决
HarmonyOS PDF添加水印后展示白屏
230浏览 • 1回复 待解决
HarmonyOS 如何在app内全页面添加水印
217浏览 • 1回复 待解决
HarmonyOS 有没有对UI添加水印的方法
251浏览 • 1回复 待解决
HarmonyOS 拍照后的图片加水印
249浏览 • 1回复 待解决
HarmonyOS windows级别页面设置
110浏览 • 1回复 待解决
基于原生的水印添加能力
1053浏览 • 1回复 待解决
HarmonyOS 水印相机、水印视频
327浏览 • 1回复 待解决
HarmonyOS 背景水印问题
468浏览 • 1回复 待解决
HarmonyOS 绘制水印如何实现?
315浏览 • 1回复 待解决
HarmonyOS 如何使用全局水印
159浏览 • 1回复 待解决
canvas如何实现水印效果
1238浏览 • 1回复 待解决
HarmonyOS app全局水印怎么实现
56浏览 • 1回复 待解决