HarmonyOS bindMenu(this.MyMenu) 传入自定义组件存在默认背景颜色样式

菜单弹窗默认白色背景自定义样式,修改黑色背景的话存在菜单默认样式,怎么处理黑色背景外,存在白色的。

HarmonyOS
2024-10-22 10:53:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

MenuOptions继承ContextMenuOptions,ContextMenuOptions中的backgroundColor和backgroundBlurStyle可以组合设置弹窗背板的颜色。

详细文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-menu-V5#contextmenuoptions10

示例代码如下:

@Component  
struct DirectiveMenuExample {  
  @Builder MenuBuilder() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Text('Options')  
      Divider().strokeWidth(2).margin(5).color('#F0F0F0')  
      Text('Hide')  
      Divider().strokeWidth(2).margin(5).color('#F0F0F0')  
      Text('Exit')  
    }  
    .backgroundColor(Color.Orange)  
    .width(200)  
  }  
  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Column() {  
        Text("MenuExample")  
          .fontSize(20)  
          .width('100%')  
          .height("25%")  
          .backgroundColor('#F0F0F0')  
          .textAlign(TextAlign.Center)  
          .bindMenu(this.MenuBuilder, {  
            placement: Placement.Bottom,  
            backgroundColor: Color.Orange,  
            backgroundBlurStyle: BlurStyle.NONE  
          })  
      }  
    }  
    .backgroundColor(Color.Pink)  
    .width('100%')  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-22 17:11:38
相关问题
HarmonyOS如何自定义视频组件样式
346浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
8672浏览 • 1回复 待解决
自定义弹框,遮罩背景颜色无法设置
235浏览 • 1回复 待解决
HarmonyOS 自定义Slider样式
229浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
2270浏览 • 1回复 待解决
HarmonyOS bindMenu背景问题
346浏览 • 1回复 待解决
CounterComponent的样式是否可以自定义
168浏览 • 1回复 待解决
如何自定义滚动条的样式
458浏览 • 1回复 待解决
HarmonyOS 自定义Dialog背景色透明问题
772浏览 • 1回复 待解决