如何解决Text组件文本为内容中文、数字、英文混合时显示省略号截断异常
2024-12-18 15:54:02
222次阅读
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间距解决方案
- 鸿蒙开发:如何解决软键盘弹出后的间距
- 跟着IBest-UI学HarmonyOS NEXT组件封装:TextEllipsis 文本省略
- 逐行读取文件文本内容
- 如何监听组件再次显示的事件?
- 为用户提供直观的坐标显示
- Android 仿 DeepSeek 思考效果:逐字显示 AI 生成内容,支持加粗、颜色,复制内容
- 鸿蒙开发:全局异常捕获和异常信息查看
- HarmonyOS如何实现Text根据对应的字符串改变Text中字符指定颜色?
- nutpi-chinese-number-format:强大的中文数字格式化 UTS 插件(适配鸿蒙)
- 鸿蒙开发:如何实现文本跑马灯效果
- 如何将内容直接复制到剪贴板
- 鸿蒙Flutter实战:07-混合开发