鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RichText组件

👉🏻 组件接口👉🏻 事件👉🏻 属性目前RichText组件只支持width，height，size，layoutWeight四个属性。👉🏻 组件支持渲染的HTML标签被用来定义HTML，定义重要等级最高的标题，定义重要等级最低的标题。定义段落。插入一个简单的换行符。设置规定文本的字体、字体尺寸、字体颜色。

富文本组件，解析并显示HTML格式文本。

RichText组件是鸿蒙开发中比较常用的基础组件——富文本组件，用于解析显示HTML格式文本。注意：RichText组件无法根据内容自适应设置宽高属性，需要开发者设置显示布局。

Rating组件：提供在给定范围内选择评分的组件。 RichText组件：富文本组件，解析并显示HTML格式文本。提供在给定范围内选择评分的组件。说明 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。无 从API version 9开始，该接口支持在ArkTS卡片中使用。参数名：rating，参数类型：number，参数是否必填：是，参数作用：设置并接收评分值。默认值：0 取值范围： [0, stars]，规定：小于0取0，大于stars取最大值sta

定义段落。这是一个段落插入一个简单的换行符。这是一个段落这是换行段落规定文本的字体、字体尺寸、字体颜色。在标签中font size能够设置的值只有1到7的数字，默认值是3，由于标签在HTML 4.01中不建议使用，在XHTML1.0 Strict DTD中不支持，所以不建议使用此标签，请使用CSS代替。这是一段红色字体。定义HTML页面中的主题变化（比如话题的转移），并显示为一条水平线。这个一个段落这是一个段落用来定义图片。常用于组合块级元素，以便通过CSS来对这些元素进行格式化。

可以通过给image设置行内格式设置背景色，RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。整体是个RichText组件，但是RichText组件无法设置+2的背景。RichText组件 / +2背景。

RichEditor是支持图文混排和文本交互式编辑的组件，通常用于响应用户的对于图文混合内容的输入操作，例如可以输入图片的评论区。

这是一个段落。'这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字';这是一个在div元素中的标题。">h1下划线' +">h1斜体' +这个一个段落这是一个段落

1.效果 2.代码： Text oldPrice = findComponentById(ResourceTable.Id_oldPrice); TextForm textForm = new TextForm(); textForm.setStrikethrough(true); // 设置字体删除线 // textForm.setUnderline(true); // 设置下划线 textForm.setTextSize(

本文全面解析了鸿蒙系统RichText组件在HTML富文本显示中的最佳实践。文章从组件概述与适用场景入手，详细介绍了RichText的API体系、HTML标签支持情况，并通过新闻展示、产品详情等实战案例演示具体应用。同时提供了性能优化策略，包括避免在List中使用RichText、合理管理本地资源等建议。针对RichText组件的局限性，文章还给出了迁移至Web组件的指导方案，帮助开发者构建高效稳定的富文本显示功能。

当设备尺寸变宽时，我可以通过原子布局的均分能力去实现页面布局的一致性，也可以通过栅格布局，去解决多尺寸多设备的动态布局问题。声明式开发框架成功解决了传统开发过程中，代码冗长的问题。但是在了解声明式开发框架的过程中，我不经想到一个问题：有没有方法，让我开发一次代码，就可以在多个设备上适配呢？刚刚提到的原子布局能力包含均分能力，折行能力，拉伸能力，缩放能力，延伸能力，占比能力和隐藏能力。为了解决这个问题，我便在ArkUI上实现了同样的功能，神奇的事情发生了，瞬间代码干净了很多，只用几行代码就实现了相同的功能。

组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件是视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress等，例如下面这个常用的登录界面就是由这些基础组件组合而成。

属性规定元素的行内样式，写在标签内部，在使用的时候需用引号来进行区分，并以;暂时只支持通用的四大属性：width、height、size、layoutWeight。富文本可以包含各种字体、颜色、大小、图像、链接、表格、视频等元素，使文本更加生动、有趣。但由于Web组件比较消耗资源，所以在一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。

在安卓TextView中穿插其他字体风格或不同颜色，通过SpannerString,SpannableStringBuilder来设置，鸿蒙中使用方案如下： RichTextBuilder builder = new RichTextBuilder(); //设置字体不同颜色 builder.mergeForm(new TextForm().setTextSize(textSize).setTextColor(defaultColor)); builder.addText("设置字体颜色的方式"); bui

RichEditor是支持图文混排和文本交互式编辑的组件..........

options是SymbolSpan组件选项，用于添加SymbolSpan组件的偏移位置和SymbolSpan组件样式信息（ RichEditorSymbolSpanOptions ），添加SymbolSpan内容，如果组件光标闪烁，插入后光标位置更新为新插入Symbol的后面】​​​​​​​。options是图片选项，用于添加图片的偏移位置和图片样式信息（RichEditorImageSpanOptions）， 添加图片内容，如果组件光标闪烁，插入后光标位置更新为新插入图片的后面】​​​​​​​。