HarmonyOS app如何实现毛玻璃效果

HarmonyOS开发中,当App上滑,处于滞留状态的时候,如何实现毛玻璃效果,App进入前台恢复毛玻璃效果?

HarmonyOS
2025-01-09 15:24:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

后续将不会更改此功能,可以用以下代码实现:

import { router, window } from '@kit.ArkUI';
@Entry
@Component
struct AAA {
  @State message: string = 'Hello World';
  @State flag: boolean = false
  onPageShow(): void {
    let windowStage = AppStorage.get("windowStage") as window.WindowStage;
    windowStage.on("windowStageEvent", (data) => {
      if (data === window.WindowStageEventType.PAUSED) {
        this.flag = true
      } else {
        this.flag = false
      }
    })
  }
  build() {
    Row() {
      Column() {
        Text(this.message) .fontSize(50) .fontWeight(FontWeight.Bold)
      }
      .width('100%') }
    .height('100%')
    .foregroundBlurStyle(this.flag ? BlurStyle.Thin : BlurStyle.NONE, { colorMode: ThemeColorMode.LIGHT, adaptiveColor: AdaptiveColor.DEFAULT })
  }
}

这个针对单个页面,全局的话只有用setWindowPrivacyMode接口。

分享
微博
QQ
微信
回复
2025-01-09 18:32:28
相关问题
HarmonyOS 如何实现白色毛玻璃效果
181浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
956浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
399浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
275浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
433浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
730浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
1068浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
666浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
677浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
155浏览 • 1回复 待解决
canvas如何实现水印效果
1367浏览 • 1回复 待解决
如何实现星级评分效果
806浏览 • 1回复 待解决
如何实现动画转场效果
1251浏览 • 1回复 待解决
如何实现视频滤镜效果
2391浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
284浏览 • 1回复 待解决
HarmonyOS 如何实现顶部吸顶效果
148浏览 • 1回复 待解决
HarmonyOS 如何实现折叠吸顶效果
321浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
525浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
222浏览 • 1回复 待解决