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
赞
收藏 0
回答 1
相关问题
HarmonyOS 怎么实现地图中增加气泡样式,中间带有文字
575浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天框
1120浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
505浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
673浏览 • 1回复 待解决
HarmonyOS 如何实现剪裁样式
478浏览 • 1回复 待解决
HarmonyOS 气泡提示(Popup)气泡箭头颜色如何自定义
749浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现带按钮的提示气泡?
966浏览 • 1回复 待解决
HarmonyOS如何修改气泡位置
722浏览 • 1回复 待解决
气泡组件有推荐的实现方式么?
1379浏览 • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式
473浏览 • 1回复 待解决
HarmonyOS 如何实现券组件的挖空样式?
607浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现文本提示气泡功能?
998浏览 • 1回复 待解决
#鸿蒙学习大百科#如何实现气泡的动画效果?
924浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中实现文本提示气泡?
962浏览 • 1回复 待解决
HarmonyOS 滑动条Slider,特殊滑块样式如何实现
614浏览 • 1回复 待解决
#鸿蒙学习大百科#如何实现系统的气泡提示功能?
964浏览 • 2回复 待解决
Progress的ScaleRing样式,如何实现loading效果
2378浏览 • 1回复 待解决
HarmonyOS 如何利用checkbox实现单选的样式和逻辑
973浏览 • 1回复 待解决
HarmonyOS 气泡背景颜色问题
501浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中实现带按钮的提示气泡?
861浏览 • 1回复 待解决
ArkTS 如何实现前端 position=absolute 样式的布局
1535浏览 • 1回复 待解决
HarmonyOS Popup气泡支持边框问题
553浏览 • 1回复 待解决
HarmonyOS 修改气泡弹出的位置
517浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中实现带按钮的Popup气泡提示?
944浏览 • 1回复 待解决
HarmonyOS 如何实现类似.9图的方法或者空间用来作为聊天气泡背景
609浏览 • 1回复 待解决
建议使用形状裁剪,参考文档:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-sharp-clipping.md