华为 鸿蒙开发 ArkTS 怎么实现一行或者多行展示之后超出省略号（超出...）

已于 2023-12-07 12:48:47 修改
阅读量1.1k 收藏 12
点赞数 11
分类专栏： HarmonyOS ArkTS 文章标签： 华为 ArkTS harmonyos 鸿蒙开发
于 2023-12-07 11:27:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snows_l/article/details/134850986
版权
一、代码

Text(item.des)
  .fontSize(16)
  .fontColor('#9B9B9B')
  .height(40)
  .width('100%')
  .maxLines(2)
  .textOverflow({ overflow:TextOverflow.Ellipsis })

二、效果图
1、一行展示省略号

2、两行展示省略号

3、来张整体效果图

snows_l
关注
  • 11
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
HarmonyOs ArKts 第二课笔记
GuardOnly的博客
02-03 793
111
ArkTS开发入门介绍
03-08
ArkTS开发，基础知识，入门
HTML超出文本显示省略号...通过text-overflow实现
09-28
HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法，其实很简单通过text-overflow便可实现，有需要的朋友可以参考下本
HarmonyOS 的 Text 组件：让文本显示变得更简单
m0_69656288的博客
04-28 562
在 HarmonyOS 中，Text 组件是用于显示文本内容的重要组件，其属性丰富，使用简单。在使用 Text 组件时，需要注意文本长度超出组件宽度的处理、文本行高、支持的颜色格式、支持的字体粗细值等细节。同时，我们也需要遵循一些最佳实践，以提高应用程序的性能和用户体验。希望本文能够帮助大家更好地了解和使用 HarmonyOS 中的 Text 组件，让文本显示变得更简单、更方便。
华为鸿蒙HarmonyOS开发整理资料汇总.zip
11-25
华为鸿蒙HarmonyOS开发整理资料汇总，共38份。 1学前必读：HarmonyOS学习资源主题分享 2学前必读：OpenHarmony-联盟生态资料合集 3-1.HarmonyOS概述：技术特性 3-2.HarmonyOS概述：开发工具与平台 3-3.HarmonyOS概述：系统安全 3-4.HarmonyOS概述：系统定义 3-5.HarmonyOS概述：下载与安装软件 3-6.HarmonyOS概述：应用开发基础知识 3-7.HarmonyOS概述：最全HarmonyOS文档和社区资源使用技巧 4-1.生态案例：【开发者说】重塑经典，如何在HarmonyOS手机上还原贪吃蛇游戏 4-2.生态案例：HarmonyOLabo涂鸦鸿蒙亲子版 4-3.生态案例：HarmonyOS分镜头APP案例 4-4.生态案例：HarmonyOS时光序历史学习案例 4-5.生态案例：HarmonyOS先行者说 宝宝巴士携手HarmonyOS共同打造儿童教育交互新体验 4-6.生态案例：HarmonyOS智能农场物联网连接实践 4-7.生态案例：分布式开发样例，带你玩转多设备 4-8.生态案例：华为分布式日历应用开发实践 5-1.【Codelab】HarmonyOS基于图像模块实现图库图片的四种常见操作 5-2.【CodeLab】手把手教你创建第一个手机“Hello World” 5-3.【Codelab】如此简单！一文带你学会15个HarmonyOS JS组件 5-4.【Codelab】懒人“看”书新法—鸿蒙语音播报，到底如何实现？ 5-5.【Codelab】基于AI通用文字识别的图像搜索，这波操作亮了 5-6.【Codelab】开发样例概览 6-1.技术解读之HarmonyOS轻量JS开发框架与W3C标准差异分析 6-2.技术解读之HarmonyOS驱动加载过程分析 6-3.技术解读之HarmonyOS组件库使用实践 6-4.技术解读之华为架构师解读：HarmonyOS低时延高可靠消息传输原理 6-5.技术解读之解密HarmonyOS UI框架 6-6.技术解读之如何从OS框架层面实现应用服务功能解耦 7-1.常见问题之HarmonyOS元服务的设计与开发解析 7-2.常见问题之Java开发 7-3.常见问题之JS开发 7-4.常见问题之模拟器登录 7-5.常见问题之模拟器运行 7-6.常见问题之如何使用JsJava开发HarmonyOS UI 7-7.常见问题之应用配置 7-8.常见问题之预览器运行 8【视频合集】入门到进阶视频学习资料合集30+
鸿蒙开发（ArkTS、ArkUI）.zip
02-07
华为 鸿蒙系统 开发
华为鸿蒙Harmony开眼App（项目整体基于Api9+ArkTs+ArkUI）.zip
02-07
华为 鸿蒙系统 开发
【鸿蒙软件开发】文本显示（Text/Span）
m0_62599305的博客
10-23 2016
Text是文本组件，通常用于展示用户的视图，如显示文章的文字。具体用法可参考Text。通过textAlign属性设置文本对齐样式。Text('左对齐')Text('中间对齐')Text('右对齐')textAlign属性设置即可文本显示Text/Span。
鸿蒙：Harmony开发基础知识详解
肖云鹤的博客
11-19 4454
工欲善其事，必先利其器。 上一篇博文实现了一个"Hello Harmony"的Demo，今天这篇博文就以Demo"Hello Harmony"为例，以官网开发文档为依据，从鸿蒙开发主要的几个方面入手，详细了解一下鸿蒙开发所需的基础知识。
HarmonyOS开发(十一)：ArkTS组件通用属性
advent86的专栏
12-18 3225
用来设置组件的宽度、边距相关属性width?:Length设置组件内边距，当参数为Length时，四个方向的内边距同时生效默认值为0设置组件外边距，当参数为Length时，四个方向的内边距同时生效默认值为0minWidth?:Length设置约束尺寸，组件布局时，进行尺寸范围限制默认值：minHeight?
ArKTS的基本组件
morr_的博客
02-03 5647
设置文本的字体粗细，number类型取值[100, 900]，取值间隔为100，默认为400，取值越大，字体越粗。string类型仅支持number类型取值的字符串形式，例如“400”，以及“bold”、“bolder”、“lighter”、“regular”、“medium”，分别对应FontWeight中相应的枚举值。当文本内容较多超出了Text组件范围的时候，您可以使用textOverflow设置文本截取方式，需配合maxLines使用，单独设置不生效，maxLines用于设置文本显示最大行数。
css实现文本溢出显示省略号
09-25
主要介绍了css实现文本溢出显示省略号的方法和示例分享，推荐给大家。
华为鸿蒙HarmonyOS开发者资料大全鸿蒙系统开发资料汇总.zip
06-16
鸿蒙系统是面向全场景的分布式操作系统，鸿蒙系统不同于目前主流的安卓、苹果、Windows、Linux等操作系统，它面向的是1+8+N的全场景设备，可根据不同内存级别的设备进行弹性组装和适配。 鸿蒙HarmonyOS开发者资料大全鸿蒙系统开发资料汇总,包括如下： DevEco Studio 1.0 使用指南.pdf HarmonyOS-NFC开发指南.pdf HarmonyOS应用开发之页面开发.pdf HarmonyOS开发必备基础知识.pdf WLAN开发指南.pdf 图像开发.pdf 方舟编译器使用指南.pdf 相机设备的开发.pdf 视频开发.pdf 音频开发与管理.pdf
基于鸿蒙HarmonyOS，使用ArkTS开发纯净的浏览器（小狐狸浏览器）.zip
02-07
华为 鸿蒙系统 开发
鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：Text）
m0_64420071的博客
03-13 1520
ArkTS声明式开发（基础手势：Text）
鸿蒙 Text文本 两行显示，多余的省略号标识
cmmboy1990的博客
05-07 602
1.代码： 核心代码 ohos:max_text_lines="2" ohos:multiple_lines="true" ohos:truncation_mode="ellipsis_at_end" <Text ohos:height="match_content" ohos:width="match_parent" ohos:max_text_lines="2"
海尔、小米、华为、荣耀：智能硬件走向平台生态战
最新发布
liukuang110的博客
05-20 470
这四家企业一直都是致力于提供高品质、高性能的产品和服务，以满足用户的需求和期待，因此，其在智能硬件平台化的建设上也是提出了很高的要求，其对于智能硬件平台服务上的投入和竞争更是不相上下。只是，为了推动其智能硬件平台的发展，各企业在生态系统的构建和完善，也纷纷祭出了自己的实力。虽然目前，海尔、小米、华为、荣耀都在智能硬件领域有着自己的发展战略和路径，但在市场环境的不断变化以及各企业技术实力的不断精进下，智能硬件平台最终也将呈现出更多方面的发展趋势，从而为人们的生活和工作带来更多便利和可能。
2024华为数通HCIP-datacom最新题库（变题更新2）
yuyeconglong的博客
05-17 949
华为认证HCIP考试
鸿蒙 arkts image.rotate
01-24
鸿蒙（HarmonyOS）是华为公司开发的一种分布式操作系统。在鸿蒙操作系统中，可以使用arkts库来进行图像旋转操作。arkts库提供了一些图像处理的API，包括图像旋转。 以下是一个示例代码，演示如何在鸿蒙操作系统中使用arkts库进行图像旋转： ```java import ohos.media.image.ImageSource; import ohos.media.image.PixelMap; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect;import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat; import ohos.media.image.common.PropertyKey; import ohos.media.image.common.Size; import ohos.media.image.common.Rect; import ohos.media.image.common.ImageFormat; import ohos.media.image.common.PixelFormat

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

snows_l

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值