HarmonyOS Text中的ImageSpan和Span
如截图所示,我用Text的ImageSpan和Span实现了一个订阅按钮的功能,前面的+是ImageSpan的图片。后面的订阅文案是Span。
现在这两个组件无法上下居中对齐,需要怎么处理?
//订阅
Text() {
ImageSpan(this.isSubscribed ? $r('app.media.subscribe_success') : $r('app.media.subscribe_add'))
.width($r('app.float.vp_16'))
.width($r('app.float.vp_20'))
Span(this.isSubscribed ? $r('app.string.is_subscribed') : $r('app.string.subscribe'))
.fontSize($r('app.float.fp_10'))
.fontColor(this.isSubscribed ? $r('app.color.quaternaryText') : $r('app.color.album_color'))
.align(Alignment.Center)
.backgroundColor(Color.Pink)
}
.textAlign(TextAlign.Center)
.margin({
left: $r('app.float.vp_12')
})
.height($r('app.float.vp_20'))
.padding({
left: $r('app.float.vp_7'),
right: $r('app.float.vp_7'),
})
.borderRadius($r('app.float.vp_11'))
.borderColor(this.isSubscribed ? $r('app.color.quaternaryText') : $r('app.color.album_color'))
.borderWidth($r('app.float.vp_1'))
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Text子组件中Span、ImageSpan显示如何优化?
410浏览 • 1回复 待解决
HarmonyOS Text中的Span显示问题
533浏览 • 1回复 待解决
HarmonyOS Text 中使用 ImageSpan 问题
482浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
441浏览 • 1回复 待解决
HarmonyOS Text里的ImageSpan加载svg,如何改变颜色?
245浏览 • 1回复 待解决
HarmonyOS Text的Span属性什么时候支持设置圆角和图片?
310浏览 • 1回复 待解决
HarmonyOS Text的Span如何添加背景为边框?
456浏览 • 1回复 待解决
HarmonyOS 使用Text里套Span标签使用问题
312浏览 • 1回复 待解决
HarmonyOS ArkUI Text组件Span希望增加对齐方式的功能特性
330浏览 • 1回复 待解决
HarmonyOS Text组件下面的Span元素之间如何设置间距?
361浏览 • 1回复 待解决
#鸿蒙通关秘籍#富文本控件RichText,如何实现Text控件中的Span拼接功能,且能给每个Span增加点击事件?
103浏览 • 1回复 待解决
HarmonyOS Text组件,富文本使用Span设置背景色无效
656浏览 • 1回复 待解决
HarmonyOS span中如何设置圆角
464浏览 • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
426浏览 • 1回复 待解决
HarmonyOS ImageSpan点击事件无法触发
460浏览 • 1回复 待解决
HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐
43浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现HarmonyOS中带有高亮和超链接的Text组件?
154浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
469浏览 • 1回复 待解决
HarmonyOS 如何判断Text中的文字显示的行数?
743浏览 • 1回复 待解决
HarmonyOS Text中如何显示 emjo 表情?
255浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
503浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
421浏览 • 1回复 待解决
实现多段字串的行内文本效果,只能使用text套用span组件吗,是否还有其他组件支持?
168浏览 • 0回复 待解决
检查下是否是
没有设置高度造成的,设置了两次宽度
参考: