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如何实现毛玻璃效果
1032浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
1552浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
958浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
1094浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
713浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
1474浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
1646浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
2009浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
954浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
1332浏览 • 1回复 待解决
如何实现视频滤镜效果
3327浏览 • 1回复 待解决
如何实现动画转场效果
2160浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
773浏览 • 1回复 待解决
HarmonyOS Vibration如何实现长按震动效果
1846浏览 • 1回复 待解决
HarmonyOS 如何实现顶部吸顶效果
786浏览 • 1回复 待解决
如何实现星级评分效果
1347浏览 • 1回复 待解决
canvas如何实现水印效果
2166浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
756浏览 • 1回复 待解决
HarmonyOS 如何实现文字描边效果
1681浏览 • 1回复 待解决