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

最新推荐文章于 2024-04-12 19:22:35 发布

灬沙海灬

最新推荐文章于 2024-04-12 19:22:35 发布

阅读量1.5k

点赞数 22

文章标签： harmonyos

本文链接：https://blog.csdn.net/adendean/article/details/136051649

版权

本文介绍了鸿蒙操作系统HarmonyOS的方舟框架ArkUI中的RichText组件，详细讲解了其在Windows 10上的操作环境，组件特性包括解析和显示HTML格式文本，支持的属性如width、height等，以及示例代码展示。

摘要由CSDN通过智能技术生成

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

一、操作环境

操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、RichText组件

鸿蒙（HarmonyOS）富文本组件，解析并显示HTML格式文本。

子组件

无。

接口

RichText(content:string)

参数:

参数名	参数类型	必填	参数描述
content	string	是	表示HTML格式的字符串。

事件

名称	描述
onStart(callback: () => void)	加载网页时触发。
onComplete(callback: () =&g

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

灬沙海灬

关注关注

22
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RichText组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RichText组件。
复制链接

扫一扫

ArkUI框架，更懂程序员的UI信息语法

HarmonyOSDev的博客

12-14

902

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

【HarmonyOS NEXT】RichText组件如何设置+2背景

最新发布

Mayism123的博客

05-13

277

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

参与评论您还未登录，请先登录后发表或查看评论

鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：RichText）

m0_64420071的博客

03-12

1258

ArkTS声明式开发（基础手势：RichText）

第九节HarmonyOS 常用基础组件7-RichText

yyxhzdm的博客

01-06

837

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

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Text文本组件

weixin_47730343的博客

12-18

959

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Text文本组件

weex-richtext:适用于AndroidiOS的Weex RichText组件

04-29

富文本Weex Richtext组件，适用于android / iOS概括Richtext用于实现内联或与内联块组合。它还支持嵌套的 ，和具有样式继承和覆盖。因此，可以将Richtext视为具有更强大用法的更通用的<text> 。通常，它...

将富文本转为微信小程序richtext组件支持的json格式

08-10

这个过程就是将富文本转换为微信小程序`rich-text`组件所支持的JSON格式。下面我们将详细探讨这一转换过程、相关的JavaScript开发技巧以及微信小程序的富文本处理策略。 1. **富文本与JSON格式** 富文本通常包含...

RichText:android textview的富文本

05-31

安装在您的项目级别build.gradle ： allprojects { repositories { ... maven { url " https://jitpack.io " } }} 在您的应用级别build.gradle ： dependencies { compile ' ...

RichText Builder（RTF的StringBuilder）

04-08

RichText Builder-代替StringBuilder输出RTF。

RichText：Android平台下的富文本解析器，支持HTML和Markdown

01-28

注意：此项目已不再维护 Android平台下的富文本解析器流式操作低侵入性依赖少，只依赖了disklrucache和support v4 支持Html和Markdown格式文本支持图片点击和长按事件链接点击事件和长按事件支持设置加载中和...

cocos2dx-3.0功能强大的richText控件源码

09-11

Cocos2dx是一款开源的游戏开发框架，主要用于2D和3D游戏开发，它基于C++，并且提供了Python、Lua和JavaScript等多语言接口。在Cocos2dx 3.0版本中，引入了名为RichText的控件，这是一个非常强大的文本渲染工具，尤其...

鸿蒙应用开发之富文本（RichText）组件

大坡3D软件开发

04-12

210

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

【鸿蒙软件开发】ArkTS基础组件之Rating(评分组件)、RichText(富文本显示)

m0_62599305的博客

10-27

1303

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

鸿蒙App开发，被极致优化的Text组件！

gx506578835的专栏

06-10

1312

与安卓相比，鸿蒙对文本Text进行了优化和功能拓展，下面先介绍新增API。一、新增API 1、自动调节字体大小在进行设备适配时，为了视觉效果更好，有时候我们希望字体大小能够随着内容空间进行自适应。在安卓中我们需要先计算内容显示区域尺寸，然后根据尺寸计算文字大小，非常麻烦。鸿蒙对此进行了优化，并提供了2个快捷API：字体自动适配开关和字体适配规则。 Xml用法自动适配开关xml属性写法： ...

鸿蒙字体穿插其他颜色或其他风格，SpannerString,SpannableStringBuilder替代

shenfei平凡之路

05-27

1206

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

richtext组件

08-31

Richtext组件是一种富文本组件，适用于Android和iOS平台。它可以用于实现内联或与内联块组合，并支持嵌套的标签，以及样式的继承和覆盖。因此，可以将Richtext视为具有更强大用法的更通用的<text>组件。通过设置Richtext组件的selectable属性，可以实现长按选中文本内容的效果。这样，用户可以将光标放在文本内容上，长按选择并复制文本。富文本的作用是可以在一个文本中包含不同的颜色、不同的字号、不同的背景颜色的文本。通过使用rich-text属性，可以实现对文本的样式进行更细致的控制，达到更好的呈现效果。123 #### 引用[.reference_title] - *1* [weex-richtext:适用于AndroidiOS的Weex RichText组件](https://download.csdn.net/download/weixin_42126399/18226837)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [微信小程序常用组件实战](https://blog.csdn.net/chengqiuming/article/details/126747735)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [小程序开发之组件rich-text（富文本）](https://blog.csdn.net/JackJia2015/article/details/86300651)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交