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

.backgroundColor(Color.White)
.backgroundBlurStyle(BlurStyle.Regular)
  • 1.
  • 2.

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

HarmonyOS
2025-01-09 14:51:12
594浏览
收藏 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 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
分享
微博
QQ
微信
回复
2025-01-09 17:27:20
相关问题
HarmonyOS app如何实现毛玻璃效果
553浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
1277浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
793浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
656浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
462浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
1061浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
751浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
1238浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
1537浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
1117浏览 • 1回复 待解决
如何实现动画转场效果
1738浏览 • 1回复 待解决
如何实现视频滤镜效果
2848浏览 • 1回复 待解决
HarmonyOS 如何实现顶部吸顶效果
534浏览 • 1回复 待解决
HarmonyOS 如何实现柔滑边缘的效果
582浏览 • 1回复 待解决
HarmonyOS Vibration如何实现长按震动效果
1046浏览 • 1回复 待解决
如何实现星级评分效果
1135浏览 • 1回复 待解决
canvas如何实现水印效果
1800浏览 • 1回复 待解决
HarmonyOS canvas如何实现画线跟手效果
711浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
537浏览 • 1回复 待解决