HarmonyOS 如何实现白色毛玻璃效果

.backgroundColor(Color.White)
.backgroundBlurStyle(BlurStyle.Regular)

不能同时使用吗,如果要实现白色毛玻璃效果那要怎么写?

HarmonyOS
2025-01-09 14:51:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

白色背景和毛玻璃颜色相近,肉眼可分不清,尝试如下demo验证下

@Entry
@Component
struct BackDropBlurStyleDemo {
  build() {
    Grid() {
      GridItem() {
        Column() {
          Column() {
            Text('Thin')
              .fontSize(20)
              .fontColor(Color.White)
              .textAlign(TextAlign.Center)
              .width('100%')
              .height('100%')
          }
          .height(100)
          .aspectRatio(1)
          .borderRadius(10)
          .backgroundBlurStyle(BlurStyle.Regular)
          .backgroundColor(Color.Red)
        }
        .height('100%')
        .justifyContent(FlexAlign.Start)
      }
      .width(200)
      .height(200)
    }
    .columnsTemplate('1fr 1fr')
    .rowsTemplate('1fr 1fr 1fr 1fr')
    .width('100%')
    .height('100%')
    .margin({ top: 40 })
  }
}
分享
微博
QQ
微信
回复
2025-01-09 17:27:20
相关问题
HarmonyOS app如何实现毛玻璃效果
120浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
923浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
361浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
240浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
630浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
419浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
122浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
607浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
1037浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
675浏览 • 1回复 待解决
如何实现视频滤镜效果
2362浏览 • 1回复 待解决
如何实现动画转场效果
1223浏览 • 1回复 待解决
如何实现星级评分效果
783浏览 • 1回复 待解决
canvas如何实现水印效果
1348浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
273浏览 • 1回复 待解决
HarmonyOS 如何实现顶部吸顶效果
134浏览 • 1回复 待解决
HarmonyOS 如何实现折叠吸顶效果
306浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
209浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
507浏览 • 1回复 待解决