HarmonyOS Span标签样式问题
期望实现多行文本显示省略号,但是文本开头有个标识,该标识的字体大小、颜色、背景与后面文本不一样。目前使用Text及ContainerSpan来实现,代码如下:
@Entry
@Component
export struct textComp {
build() {
Column(){
Text(){
ContainerSpan(){
Span(' 标签 ')
.fontSize(12)
.fontColor(Color.White)
}
.textBackgroundStyle({color: '#FE6A00', radius: '5vp'})
Span(' 阿斯顿发生阿斯蒂阿斯顿发生阿斯蒂芬阿什顿阿斯顿发生阿斯蒂芬阿什顿阿斯顿发生阿斯蒂芬阿什顿阿斯顿发生阿斯蒂芬阿什顿阿斯顿发生阿斯蒂芬阿什顿芬阿什顿')
}
.textOverflow({overflow: TextOverflow.Ellipsis})
.maxLines(2)
.lineHeight(24)
}
.padding(15)
}
}
但是有如下问题:
1、“标签” 文字的左右上下padding无法控制,目前左右使用空格显示间距,上下如果不做任何设置是贴这文字显示,对Text如果设置了lineHeight,“标签”上下会有padding效果,但是上面的间隔始终比下面的大,看文本并没有上下居中。
2、“标签”下背景色ui设计是渐变色。textBackgroundStyle 好像不支持。
期望:
1、对于上述需求是否有其他实现方案。
2、上面写的是否有优化点。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 使用Text里套Span标签使用问题
1347浏览 • 1回复 待解决
HarmonyOS Span的封装问题
665浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
1281浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS Next中实现底部标签栏TabBar的动态标签样式?
1113浏览 • 1回复 待解决
HarmonyOS Text中的Span显示问题
1349浏览 • 1回复 待解决
HarmonyOS @Styles全局样式问题
708浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件的标签切换效果及样式变化?
1091浏览 • 1回复 待解决
HarmonyOS TextInput组件错误样式问题
1718浏览 • 1回复 待解决
HarmonyOS 关于actionsheet的样式问题
1099浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义鸿蒙ArkUI中的Tabs组件标签样式?
1366浏览 • 1回复 待解决
HarmonyOS CheckBox 自定义样式问题
1103浏览 • 1回复 待解决
HarmonyOS 关于alertDialog样式设置的问题
834浏览 • 1回复 待解决
iframe标签 src内部访问top跨域问题
1285浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS项目中如何针对不同Span类型生成不同样式和功能的组件?
906浏览 • 0回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中自定义底部标签栏的样式和布局?
734浏览 • 0回复 待解决
HarmonyOS 当scroll标签嵌套RichText标签时高度冲突
785浏览 • 1回复 待解决
bindPopup样式问题有哪些啊?
1149浏览 • 1回复 待解决
关于Tabs里面tabBar样式问题
1290浏览 • 2回复 待解决
HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐
957浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用自定义Span类型实现文本高亮和超链接样式?
856浏览 • 0回复 待解决
HarmonyOS Span 可以设置padding吗
1464浏览 • 1回复 待解决
HarmonyOS Span内边距不生效
959浏览 • 1回复 待解决
HarmonyOS span中如何设置圆角
1338浏览 • 1回复 待解决
HarmonyOS Span的属性设置失效
804浏览 • 1回复 待解决
HarmonyOS 标签效果切换功能
683浏览 • 1回复 待解决
参考代码如下: