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
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS 怎么实现地图中增加气泡样式,中间带有文字 
895浏览  • 1回复 待解决
HarmonyOS 如何实现动态样式 
822浏览  • 1回复 待解决
HarmonyOS  如何实现通用样式 
1046浏览  • 1回复 待解决
HarmonyOS 如何实现剪裁样式 
756浏览  • 1回复 待解决
HarmonyOS  如何实现一个气泡聊天框 
1835浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何实现带按钮的提示气泡? 
1648浏览  • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式 
782浏览  • 1回复 待解决
气泡组件有推荐的实现方式么? 
1651浏览  • 1回复 待解决
HarmonyOS 气泡提示(Popup)气泡箭头颜色如何自定义 
1192浏览  • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式? 
912浏览  • 0回复 待解决
HarmonyOS如何修改气泡位置 
1031浏览  • 1回复 待解决
HarmonyOS 滑动条Slider,特殊滑块样式如何实现 
966浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现文本提示气泡功能? 
1512浏览  • 1回复 待解决
#鸿蒙学习大百科#如何实现系统的气泡提示功能? 
1269浏览  • 1回复 待解决
Progress的ScaleRing样式,如何实现loading效果 
2661浏览  • 1回复 待解决
HarmonyOS 如何利用checkbox实现单选的样式和逻辑 
1331浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中实现文本提示气泡? 
1356浏览  • 1回复 待解决
#鸿蒙学习大百科#如何实现气泡的动画效果? 
1324浏览  • 1回复 待解决
HarmonyOS 气泡背景颜色问题 
750浏览  • 1回复 待解决
ArkTS 如何实现前端 position=absolute 样式的布局 
2223浏览  • 1回复 待解决
HarmonyOS 修改气泡弹出的位置 
849浏览  • 1回复 待解决
HarmonyOS  Popup气泡支持边框问题 
813浏览  • 1回复 待解决
HarmonyOS如何实现一个对话框样式的pages? 
1324浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现ListItem的卡片样式? 
1367浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中实现带按钮的提示气泡? 
1222浏览  • 1回复 待解决





















建议使用形状裁剪,参考文档:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-sharp-clipping.md