OpenHarmony开发者论坛

标题: ArkUI 如现复杂富文本效果 [打印本页]
作者: 18612104540    时间: 2023-11-13 09:19
标题: ArkUI 如现复杂富文本效果
[md]api10 新增了ImageSpan 基本可以实现简单的图片和文本的混排，但是如果在不知道图片宽高的情况下，如何加载网络图片，还有如果想自定义如：文本下加波浪线和加点的这种绘制效果，目前还不知道怎么实现  ，有没有类似flutter WidgetSpan这种可以添加任意子组件的组件呢。

[/md]
作者: mean    时间: 2023-11-13 15:40
标题: ArkUI 如现复杂富文本效果

1. 加载网络图片，需要在module.json5中配置网络权限
(, 下载次数: 0)
  1. Text() {
  2.         // 添加下划线
  3.         Span('下划线')
  4.           .decoration({ type: TextDecorationType.Underline, color: Color.Red }).fontSize(25)

  6.         // 加载网络图片
  7.         ImageSpan('https://lmg.jj20.com/up/allimg/811/0P414121Z3/140P4121Z3-1-1200.jpg')
  8.           .width('70px')
  9.           .height('70px')

  11.       }
复制代码

2. 文本下加点

  2.       Text('加点')
  3.         .fontSize(25)
  4.         .border({
  5.           width: { bottom: 3 },
  6.           color: { bottom: '#e3bbbb' },
  7.           style: {
  8.             bottom: BorderStyle.Dotted
  9.           }
  10.         })
复制代码

3. 文本下加波浪线
没找到相关配置项
作者: 18612104540    时间: 2023-11-14 09:34
回复 mean: 多谢回复，不过网络图片一般事先不知道宽高，需要下载完成才能知道宽高，应该如何重新设置下载完后的宽高呢？



欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5