HarmonyOS鸿蒙Next中沉浸光感titlebar没有玻璃效果是怎么回事？

HarmonyOS鸿蒙Next中沉浸光感titlebar没有玻璃效果是怎么回事？ 沉浸光感底部的bottom为什么没有玻璃的效果呢？这是定义的builder,其他的就是正常写的。（可能有另一个原因我在index页面已经做了一个titlebar通过传值进行顶部标题和右上角更多的按钮，我又在这个页面写了一个titlebar这个有影响吗）

@Builder
  segmentButtonBuilder() {
    TabSegmentButtonV2({
      items: this.freeItems,
      selectedIndex: this.freeSelectedIndex,
      $selectedIndex: (index: number) => {
        // 点击分段按钮时更新选中索引并切换 Tabs
        this.freeSelectedIndex = index;
        this.tabsController.changeIndex(index);
      }
    })
      .background(Color.Transparent)
      .width('90%')
  }


更多关于HarmonyOS鸿蒙Next中沉浸光感titlebar没有玻璃效果是怎么回事？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

【解决方案】

开发者您好，若您希望页签选中的按钮内部依然实现沉浸式效果，您可以不添加按钮的背景色，仅在选中时显示按钮边框即可。如果以上方案仍然无法解决您的问题，请提供可复现问题demo，方便问题分析解决。

更多关于HarmonyOS鸿蒙Next中沉浸光感titlebar没有玻璃效果是怎么回事？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


segmentButtonBuilder这个里面只放一个text的文本试试，可能不支持你放的那个组件。，

有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html，

思路应该是用原来例子中的三个自定义tabBar，每个里面放一个text组件，判断当前选中的是哪一个，然后给选中的那个text添加一下外围的圆角边框。

希望HarmonyOS能继续推出更多实用的功能，满足用户的不同需求。

好的，我试试。，

HarmonyOS NEXT中沉浸光感titlebar的玻璃效果依赖blur属性与backgroundEffect接口。若未显式设置ohos:backgroundEffect="BLUR"，或使用了不支持动态模糊的组件容器，则效果不生效。检查布局中titlebar的backgroundEffect配置是否为BLUR，且系统版本需为API 12及以上。，

问题出在你设置了 .Background(Color.Transparent)。

玻璃效果本质是模糊，在 HarmonyOS Next 中通过 blurStyle 属性实现。当你给组件设置透明背景时，它无法承载模糊材质，视觉上就是纯透明，没有毛玻璃感。

至于你提到的另一个 titlebar，同一个页面写两个 titlebar 确实会有影响。页面内容从上往下排列，如果前一个 titlebar 有玻璃效果但被后一个完全覆盖，自然就看不到了。

修正很简单：使用 blurStyle 属性而非透明背景来实现玻璃质感，同时检查你的 titlebar 是否存在重叠覆盖。

回到顶部