HarmonyOS 鸿蒙Next 多行文本中间省略不生效

发布于 1周前 作者 h691938207 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 多行文本中间省略不生效

多行文本中间省略不生效

1、参考文档 https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-347-V5 ，将 maxLines 设置为2，且 ellipsisMode 为 EllipsisMode.CENTER 时，并不能符合预期的在文本中间出现省略号

可复现代码如下：

Column() {
Text(“超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本超过两行的超长文本”)
.fontSize(14)
.fontColor($r(‘app.color.ui_context_primary’))
.maxLines(2)
.wordBreak(WordBreak.BREAK_ALL)
.ellipsisMode(EllipsisMode.CENTER)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.textAlign(TextAlign.JUSTIFY)
.width(‘100%’)
.backgroundColor(Color.Yellow)
}
.padding({left: 16, right: 16})


 


更多关于HarmonyOS 鸿蒙Next 多行文本中间省略不生效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复
EllipsisMode.START和EllipsisMode.CENTER仅在单行超长文本生效，参考官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5#ellipsismode11

更多关于HarmonyOS 鸿蒙Next 多行文本中间省略不生效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，针对多行文本中间省略不生效的问题，通常是由于文本控件的属性设置不当或者布局方式不支持中间省略。以下是一些可能的解决方案：

  1. 检查文本控件属性：确保文本控件的ellipsis属性设置为middle，这表示当文本内容超出显示范围时，在中间部分进行省略。同时，确保maxLines属性设置为一个正整数，以限制文本的最大行数。

  2. 调整布局方式：如果文本控件被嵌套在其他布局中，确保外层布局没有限制文本控件的显示范围或改变其省略行为。例如，使用Row或Column布局时，确保文本控件有足够的空间来展示省略号。

  3. 自定义绘制：如果上述方法仍然无法解决问题，可以考虑通过自定义绘制来实现多行文本中间省略。这通常涉及到重写文本控件的onDraw方法，手动绘制文本和省略号。

  4. 检查文本内容：确保文本内容本身没有包含特殊的字符或格式，这些可能会影响省略号的正常显示。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部