HarmonyOS 如何实现气泡样式

一个三角形Polygon和一个Text。 没有使用pixelRound会有一条缝隙,使用pixelRound会有重叠。

Column({ space: 20 }) {
  Row() {
    Polygon({ width: 6, height: 10 })
      .points([[0, 5], [6, 0], [6, 10]])
      .fill('#88000000')

    Row() {
      Text('TEXT')
        .fontColor(Color.White)
        .fontSize(11)
    }
    .padding(4)
    .backgroundColor('#88000000')
    .borderRadius(4)
    .height(28)
    .constraintSize({ maxWidth: '100%' })
  }

  Row() {
    Polygon({ width: 6, height: 10 })
      .pixelRound({ start: PixelRoundCalcPolicy.FORCE_CEIL, end: PixelRoundCalcPolicy.FORCE_CEIL })
      .points([[0, 5], [6, 0], [6, 10]])
      .fill('#88000000')

    Text('TEXT')
      .padding(4)
      .fontColor(Color.White)
      .fontSize(11)
      .textAlign(TextAlign.Center)
      .backgroundColor('#88000000')
      .borderRadius(4)
      .height(28)
      .constraintSize({ maxWidth: '100%' })
  }
}
.width('100%')
.height('100%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
HarmonyOS
2024-12-25 12:21:18
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect
分享
微博
QQ
微信
回复
2024-12-25 15:28:58
相关问题
HarmonyOS 如何实现一个气泡聊天框
1120浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
505浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
673浏览 • 1回复 待解决
HarmonyOS 如何实现剪裁样式
478浏览 • 1回复 待解决
HarmonyOS如何修改气泡位置
722浏览 • 1回复 待解决
气泡组件有推荐的实现方式么?
1379浏览 • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式
473浏览 • 1回复 待解决
HarmonyOS 气泡背景颜色问题
501浏览 • 1回复 待解决
HarmonyOS Popup气泡支持边框问题
553浏览 • 1回复 待解决
HarmonyOS 修改气泡弹出的位置
517浏览 • 1回复 待解决