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%')
HarmonyOS
2024-12-25 12:21:18
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
分享
微博
QQ
微信
回复
2024-12-25 15:28:58
相关问题
HarmonyOS 如何实现一个气泡聊天框
621浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
134浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
213浏览 • 1回复 待解决
HarmonyOS 如何实现剪裁样式
95浏览 • 1回复 待解决
HarmonyOS如何修改气泡位置
388浏览 • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式
143浏览 • 1回复 待解决
气泡组件有推荐的实现方式么?
670浏览 • 1回复 待解决
HarmonyOS 气泡背景颜色问题
148浏览 • 1回复 待解决