HarmonyOS鸿蒙Next中SideBarContainer如何设置透明度？

HarmonyOS鸿蒙Next中SideBarContainer如何设置透明度？ SideBarContainer在SideBarContainerType.Overlay模式下如何设置透明度？

如图，如果不设置看起来很别扭，但又找不到解决方法：

cke_2192.png


更多关于HarmonyOS鸿蒙Next中SideBarContainer如何设置透明度？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

用.opacity设置看看

更多关于HarmonyOS鸿蒙Next中SideBarContainer如何设置透明度？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我看文档与源码没看到这个属性啊😅

这是通用属性https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-universal-attributes-opacity-0000001427902432-V3?catalogVersion=V3，

已处理，使用opacity无效，但是可以设置backgroudColor，不要使用原来的示例中的颜色即可，

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

设置 backgroudColor，不要使用原来的示例中的颜色即可

在HarmonyOS鸿蒙Next中，SideBarContainer的透明度可以通过设置其背景色的透明度来实现。具体步骤如下：

  1. 在SideBarContainer的布局文件中，使用ohos:background_element属性设置背景色。
  2. 在背景色中使用ARGB格式，其中A（Alpha）通道控制透明度。例如，#80FFFFFF表示50%透明度的白色。

示例代码：

<SideBarContainer
    ohos:id="$+id:sidebar_container"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:background_element="#80FFFFFF">
    <!-- 其他子组件 -->
</SideBarContainer>

通过调整ARGB中的A值，可以控制SideBarContainer的透明度。A值范围为00（完全透明）到FF（完全不透明）。

在HarmonyOS鸿蒙Next中，SideBarContainer的透明度可以通过设置其背景色的透明度来实现。使用backgroundColor属性，并指定带有透明度的颜色值。例如：

SideBarContainer()
  .backgroundColor(0xCCCCCCCC) // 0xCC表示透明度，0xCCCCCC表示颜色

其中，0xCC表示透明度（范围0x00到0xFF），0xCCCCCC表示颜色。通过调整透明度值，可以控制SideBarContainer的透明度。

回到顶部