HarmonyOS 自定义popup时,设置popup圆角不生效

自定义popup,默认圆角太大了,需要根据UI自定义圆角大小;

问题:设置圆角borderRadius不生效;

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

PopupOptions提供了radius,使用这个,参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-popup-V5#popupoptions类型说明

demo:

@Entry
@Component
struct Index {
  @State customPopup: boolean = false
  // popup构造器定义弹框内容
  @Builder
  popupBuilder() {
    Row({ space: 2 }) {
      Image($r("app.media.startIcon")).width(24).height(24).margin({ left: 5 })
      Text('This is Custom Popup').fontSize(15)
    }
    .width(200)
    .height(50)
    .padding(5)
  }

  build() {
    Column() {
      Button('CustomPopupOptions')
        .position({ x: 100, y: 200 })
        .onClick(() => {
          this.customPopup = !this.customPopup
        })
        .bindPopup(this.customPopup, {
          builder: this.popupBuilder, // 气泡的内容
          placement: Placement.Bottom, // 气泡的弹出位置
          popupColor: Color.Pink, // 气泡的背景色
          onStateChange: (e) => {
            console.info(JSON.stringify(e.isVisible))
            if (!e.isVisible) {
              this.customPopup = false
            }
          },
          radius:5
        })
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
如何自定义popup弹窗的布局?
461浏览 • 2回复 待解决
HarmonyOS stack设置圆角生效
92浏览 • 1回复 待解决
HarmonyOS Popup宽度问题
23浏览 • 1回复 待解决
HarmonyOS bindSheet如何自定义圆角
51浏览 • 1回复 待解决
HarmonyOS Progress 怎样自定义圆角大小
80浏览 • 1回复 待解决
HarmonyOS Popup气泡支持边框问题
35浏览 • 1回复 待解决