如何解决Text组件文本为内容中文、数字、英文混合时显示省略号截断异常

在使用text文本组件时,若text组件中文本为内容中文、数字、英文混合时,TextOverFlow设置文本超长时显示省略号出现截断异常。

HarmonyOS
2024-07-22 12:10:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
vclearner

text组件设置wordBreak(WordBreak.BREAK_ALL)属性时,对于Non-CJK的文本,可在任意2个字符间断行即可正常截断。

参考代码:

@Entry 
@Component 
struct Index { 
  @State text: string = '2年·VIP会员 3个月期·8GB·230mm·花漾粉' 
 
  build() { 
    Column() { 
      Text(this.text) 
        .width(200)//设置最大行数 
        .maxLines(1)//文本超长显示 
        .textOverflow({ overflow: TextOverflow.Ellipsis })//文本超长显示省略号 
        .ellipsisMode(EllipsisMode.END)//设置断行规则WordBreak.BREAK_ALL后 
        .wordBreak(WordBreak.BREAK_ALL) 
        .textAlign(TextAlign.JUSTIFY) 
        .backgroundColor(Color.Green) 
        .fontSize(16) 
        .fontColor(Color.Red) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-07-22 19:56:18
相关问题
HarmonyOS Text超出显示省略号
643浏览 • 1回复 待解决
如何解决文件的中文乱码问题
2803浏览 • 3回复 待解决
多行文本省略的展开与显示
1198浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
10292浏览 • 5回复 待解决
webview 如何显示文本html内容
2054浏览 • 1回复 待解决
如何获取Text组件中文字的宽度
2155浏览 • 1回复 待解决
HarmonyOS Text加载藏文时,显示异常
42浏览 • 1回复 待解决
如何解决hdc file send指令行为异常
1571浏览 • 0回复 待解决