HarmonyOS Text子组件中Span、ImageSpan显示如何优化?
Text(){
Span(this.device.isGroup ? this.device.deviceGroupName : this.device.deviceName)
.fontColor($r('app.color.color_1B1815'))
.fontSize($r('app.float.fp_14'))
.fontWeight(FontWeight.Bold)
ImageSpan(this.deviceViewModel.getDeviceIconFlag(this.device))
.width($r('app.float.vp_24'))
.height($r('app.float.vp_24'))
.objectFit(ImageFit.Auto)
.verticalAlign(ImageSpanAlignment.CENTER)
}
.textOverflow({
overflow: TextOverflow.Ellipsis
})
.ellipsisMode(EllipsisMode.END)
.maxLines(1)
.alignRules({
left: { anchor: '__container__', align: HorizontalAlign.Start},
right: { anchor: '__container__', align: HorizontalAlign.End},
top: { anchor: 'row1', align: VerticalAlign.Bottom}
})
.margin({
left: $r('app.float.vp_16'),
right: $r('app.float.vp_16'),
top: $r('app.float.vp_16')
})
.id('row3')
如何设置Span超长内容时不隐藏ImageSpan?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Text中包含子组件,例如Span、ImageSpan,文案变化不会响应onSizeChange
815浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
1469浏览 • 1回复 待解决
HarmonyOS 当Text中包含Span或ImageSpan时,自定义菜单会被Span/ImageSpan影响
822浏览 • 1回复 待解决
HarmonyOS Text中的Span显示问题
1349浏览 • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
1036浏览 • 1回复 待解决
HarmonyOS Text 中使用 ImageSpan 问题
1493浏览 • 1回复 待解决
HarmonyOS Text组件下面的Span元素之间如何设置间距?
1628浏览 • 1回复 待解决
HarmonyOS Text里的ImageSpan加载svg,如何改变颜色?
1204浏览 • 1回复 待解决
HarmonyOS Span设置padding和margin不生效,但是imagespan生效
1532浏览 • 1回复 待解决
HarmonyOS Text中的span不能设置间距吗
819浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
1276浏览 • 1回复 待解决
HarmonyOS Text包裹n个span,如何判断Text组件出现Ellipsized,或者超过几行呢
658浏览 • 1回复 待解决
HarmonyOS RelativeContainer中不能正常显示子组件
1261浏览 • 1回复 待解决
HarmonyOS Text中如何显示 emjo 表情?
1422浏览 • 1回复 待解决
HarmonyOS Text的Span如何添加背景为边框?
1565浏览 • 1回复 待解决
HarmonyOS Text组件,富文本使用Span设置背景色无效
1912浏览 • 1回复 待解决
HarmonyOS Text组件显示特殊字符
962浏览 • 1回复 待解决
HarmonyOS text组件如何设置最大显示宽度
801浏览 • 1回复 待解决
HarmonyOS ArkUI Text组件Span希望增加对齐方式的功能特性
1159浏览 • 1回复 待解决
HarmonyOS Text的Span不支持align
953浏览 • 1回复 待解决
HarmonyOS Text内部Span的宽度设置无效
941浏览 • 1回复 待解决
LazyForEach中滑出显示区域的子组件会被销毁
2757浏览 • 1回复 待解决
Text组件是否支持多行显示
2902浏览 • 1回复 待解决
HarmonyOS 使用Text里套Span标签使用问题
1347浏览 • 1回复 待解决
可以把Text和Image组件的父组件Row代替成Flex,并且设置交叉轴对齐方式ItemAlign.Center。其他保持不变就可以实现效果。