bindPopup设置popupColor为透明色,仍然有白底

使用自定义的bindPopup,可以更自由地控制箭头位置,期望只显示我自定义的区域,其他地方显示为透明,但是设置popupColor为Color.Transparent,仍可以看到白底。

代码如下:

cardSet() { 
  Button() { 
    Image($rawfile('main_page/img/Recommend/setting.png')) 
      .width(20) 
      .height(20) 
      .interpolation(ImageInterpolation.High) 
  } 
  .backgroundColor(Color.Transparent) 
  .onClick(() => { 
    // this.jumpToAddCard(); 
    this.handlePopup = !this.handlePopup; 
  }) 
  .bindPopup(this.handlePopup, { 
    builder: this.guideSetPopupBuilder(), 
    mask: false, 
    enableArrow: false, 
    placement: Placement.Bottom, 
    popupColor: Color.Transparent 
  }) 
}
HarmonyOS
2024-04-29 21:48:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
妙蛙菜籽油

通过设置backgroundBlurStyle:BlurStyle.NONE实现透明

通过设置shadow.radius=0将整体边框都清除

参考代码

.bindPopup(this.customPopup, { 
 builder: this.popupBuilder, // 气泡的内容 
 placement:Placement.Bottom, // 气泡的弹出位置 
 maskColor: Color.Transparent, 
 popupColor:Color.Transparent, // 气泡的背景色 
 backgroundBlurStyle: BlurStyle.NONE, 
 shadow: { 
   radius:0 
 }, 
 onStateChange: (e) => { 
   console.info(JSON.stringify(e.isVisible)) 
   if (!e.isVisible) { 
     this.customPopup = false 
   } 
 } 
})
分享
微博
QQ
微信
回复
2024-04-30 20:51:36
相关问题
XComponent 怎么设置透明
2218浏览 • 1回复 待解决
设置XComponent组件透明
536浏览 • 1回复 待解决
如何设置卡片背景透明
2758浏览 • 1回复 待解决
Tab 设置 barBackgroundColor透明不生效
293浏览 • 1回复 待解决
HarmonyOS page和WebView无法设置透明
427浏览 • 1回复 待解决
如何将背景颜色设置透明
2661浏览 • 1回复 待解决
HarmonyOS bindPopup设置color无效
799浏览 • 0回复 待解决
HarmonyOS bindPopup如何设置箭头颜色
274浏览 • 1回复 待解决
bindPopup样式问题哪些啊?
439浏览 • 1回复 待解决
如何设置组件透明效果
2206浏览 • 1回复 待解决
XComponent 怎么设置透明
1895浏览 • 1回复 待解决
SideBarContainer如何设置透明度?
2348浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
6575浏览 • 1回复 待解决