如何解决Text组件文本为内容中文、数字、英文混合时显示省略号截断异常
2024-12-18 15:54:02
337次阅读
0个评论
文本截断是按字截断。例如,英文以单词为最小单位进行截断,若需要以字母为单位进行截断,可在字母间添加零宽空格:\u200B。
从API version 11开始,建议优先组合wordBreak属性设置为WordBreak.BREAK_ALL方式实现字母为单位进行截断,示例代码如下:
@Entry
@Component
struct TextMixException {
  @State text: string = '2年·VIP会员 3个月期·8GB·230mm·商品颜色';
  build() {
    RelativeContainer() {
      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)
    }
    .height('100%')
    .width('100%')
  }
}
00
- 1回答
- 0粉丝
- 0关注
相关话题
- 截断文件内容
- EPERM: operation not permitted如何解决
- HarmonyOS Text组件Span间距解决方案
- 鸿蒙开发:如何解决软键盘弹出后的间距
- 【 HarmonyOS 】错误描述:The certificate has expired! 鸿蒙证书过期如何解决?
- 跟着IBest-UI学HarmonyOS NEXT组件封装:TextEllipsis 文本省略
- 逐行读取文件文本内容
- 鸿蒙Next Text内容超出父容器?
- 如何监听组件再次显示的事件?
- 为用户提供直观的坐标显示
- Android 仿 DeepSeek 思考效果:逐字显示 AI 生成内容,支持加粗、颜色,复制内容
- 鸿蒙Next Text长文本实现展开收起2种模式
- 鸿蒙开发:全局异常捕获和异常信息查看
- nutpi-chinese-number-format:强大的中文数字格式化 UTS 插件(适配鸿蒙)
- HarmonyOS如何实现Text根据对应的字符串改变Text中字符指定颜色?
