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
按赞同
/
按时间
hm_yxd

通过设置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 怎么设置透明
418浏览 • 1回复 待解决
如何设置卡片背景透明
745浏览 • 1回复 待解决
如何将背景颜色设置透明
435浏览 • 1回复 待解决
如何设置组件透明效果
131浏览 • 1回复 待解决
XComponent 怎么设置透明
277浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
4516浏览 • 1回复 待解决
SideBarContainer如何设置透明度?
609浏览 • 1回复 待解决
设置子窗口透明度未生效
105浏览 • 1回复 待解决
如何将Ability的UI界面设置透明
351浏览 • 1回复 待解决
有谁知道Image图片取反
334浏览 • 1回复 待解决
控件enabled设置false时,hover失效
360浏览 • 1回复 待解决
containerd设置多个私有仓库
6319浏览 • 0回复 待解决
Js UI 如何设置状态栏背景是透明的?
1627浏览 • 1回复 待解决
js如何把list组件设置横向的?
2129浏览 • 1回复 待解决
page页面如何设置横屏显示
193浏览 • 1回复 待解决
如何将页面设置深色模式
383浏览 • 1回复 待解决