气泡组件有推荐的实现方式么?

想实现如图圈中的功能,查询文档没有类似的组件 请问下有什么方式实现么?

气泡组件有推荐的实现方式么?-鸿蒙开发者社区

HarmonyOS
2024-09-29 13:05:36
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

Popup控制,可以自定义弹窗内容 可以实现图中功能,https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-popup-V5

设置背景色需要关闭气泡模糊背景backgroundBlurStyle: BlurStyle.NONE,圆角使用radius属性即可

可以参考以下demo的属性设置:

Button('CustomPopupOptions')  
  .onClick(() => {  
    this.customPopup = !this.customPopup  
  })  
  .bindPopup(this.customPopup, {  
    builder: this.popupBuilder,  
    offset: { x: '-30vp' },  
    popupColor: Color.Black,  
    radius: '4vp',  
    enableArrow: true,  
    showInSubWindow: false,  
    backgroundBlurStyle: BlurStyle.NONE, // 关闭气泡的模糊背景  
  
    onStateChange: (e) => {  
      if (!e.isVisible) {  
        this.customPopup = false  
      }  
    }  
  })  
  .position({ x: 80, y: 300 })
分享
微博
QQ
微信
回复
2024-09-29 18:21:22
相关问题
HarmonyOS 趋势图实现方法
254浏览 • 1回复 待解决
ArkTS实现时钟方式哪些?
1217浏览 • 1回复 待解决
HarmonyOS 如何实现气泡样式
21浏览 • 1回复 待解决
HarmonyOS JSBridge哪些实现方式
68浏览 • 1回复 待解决
关于图文混排实现方式哪些
375浏览 • 1回复 待解决
瀑布流场景推荐实现方案
1950浏览 • 1回复 待解决
HarmonyOS 官方推荐ORM框架吗?
17浏览 • 1回复 待解决
HarmonyOS Slider组件气泡提示显示不全
26浏览 • 1回复 待解决