HarmonyOS span中如何设置圆角
使用span时设置内部文字的背景圆角无效
分别尝试了containerSpan和直接使用span,都无法在text中给部分文案设置背景,在HarmonyOS中span设置圆角没有效果
代码如下:
Text() {
Span(this.TIPS_PREFIX)
ContainerSpan() {
Span(this.model.getHour(this.remainSeconds.getObj()))
.padding(2)
}.textBackgroundStyle({ radius: 3, color: Color.White })
Span(':')
Span(this.model.getMinute(this.remainSeconds.getObj()))
.border({ color: $r("app.color.FFFFD5C9_FF5B3228"), radius: 3 })
.padding(2)
Span(':')
Span(this.model.getSecond(this.remainSeconds.getObj()))
.border({ color: $r("app.color.FFFFD5C9_FF5B3228"), radius: 3 })
.padding(2)
Span(this.TIPS_SUFFIX)
}
.fontSize(12)
.fontColor($r("app.color.FFFF6133"))
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.layoutWeight(1)
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
span不支持设置border,如何给文字设置圆角矩形背景
550浏览 • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
125浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
103浏览 • 1回复 待解决
HarmonyOS @Builder 修饰的api中,设置圆角不起作用
116浏览 • 1回复 待解决
ArkTS中的borderRadius如何设置部分圆角,而不是四个角是圆角?
4185浏览 • 2回复 待解决
HarmonyOS Text中的Span显示问题
135浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
142浏览 • 1回复 待解决
HarmonyOS Span不支持设置Margin、Padding、Border
144浏览 • 1回复 待解决
Span不支持设置border,如何给文字设置背景
2022浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
166浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
1685浏览 • 1回复 待解决
UIAbility是否可以设置圆角
1655浏览 • 1回复 待解决
Span设置backGroundColor不生效是为什么?
199浏览 • 1回复 待解决
WebView支持设置WebView圆角吗?
644浏览 • 1回复 待解决
HarmonyOS Text组件,富文本使用Span设置背景色无效
228浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
154浏览 • 1回复 待解决
如何使用ListItemGroupStyle设置分组列表的圆角和间距
123浏览 • 1回复 待解决
直接设置. borderRadius()无效,如何让文本在底部时有圆角效果
635浏览 • 1回复 待解决
HarmonyOS如何使用CustomPopupOptions去掉圆角和间距
163浏览 • 1回复 待解决
服务卡片的span组件,背景颜色设置无法生效
8327浏览 • 1回复 待解决
硬件编码如何设置pts 呢,HarmonyOS中如何设置呢?
110浏览 • 1回复 待解决
HarmonyOS Image 组件如何显示 圆角和圆形
234浏览 • 1回复 待解决
lottile动画如何切圆角
672浏览 • 0回复 待解决
Span组件禁用控制(enable)、显隐控制(visibility)属性设置无效
1501浏览 • 1回复 待解决
span组件可以通过textBackgroundStyle属性设置圆角,参考文档:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5#ZH-CN_TOPIC_0000001893211169__示例3
demo:
index.ets