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 如何实现白色毛玻璃效果
1068浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
1583浏览 • 1回复 待解决
HarmonyOS APP里面的搜索的转场效果实现
1239浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
973浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
1121浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
723浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
1498浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
978浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
1366浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
1687浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
2030浏览 • 1回复 待解决
如何实现动画转场效果
2178浏览 • 1回复 待解决
如何实现视频滤镜效果
3383浏览 • 1回复 待解决
如何实现星级评分效果
1369浏览 • 1回复 待解决
canvas如何实现水印效果
2200浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
783浏览 • 1回复 待解决
HarmonyOS Vibration如何实现长按震动效果
1898浏览 • 1回复 待解决
HarmonyOS 如何实现顶部吸顶效果
802浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
1201浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
785浏览 • 1回复 待解决