• Lv0
    粉丝0

积分40 / 贡献0

提问1答案被采纳0文章0

作者动态

    ArkUI 如现复杂富文本效果

    黄大侠来了 显示全部楼层 发表于 2023-11-13 09:19:11

    api10 新增了ImageSpan 基本可以实现简单的图片和文本的混排,但是如果在不知道图片宽高的情况下,如何加载网络图片,还有如果想自定义如:文本下加波浪线和加点的这种绘制效果,目前还不知道怎么实现 ,有没有类似flutter WidgetSpan这种可以添加任意子组件的组件呢。

    您尚未登录,无法参与评论,登录后可以:
    参与开源共建问题交流
    认同或收藏高质量问答
    获取积分成为开源共建先驱

    精彩评论2

    mean

    沙发 发表于 2023-11-13 15:40:34

    ArkUI 如现复杂富文本效果


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

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

    9.       }
    复制代码

    2. 文本下加点

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

    3. 文本下加波浪线
    没找到相关配置项

    18612104540

    发表于 2023-11-14 09:34  IP属地: 运营商级NAT

    回复 mean: 多谢回复,不过网络图片一般事先不知道宽高,需要下载完成才能知道宽高,应该如何重新设置下载完后的宽高呢?

    【1 条回复】

    Copyright   ©2023  OpenHarmony开发者论坛  京ICP备2020036654号-3 |技术支持 Discuz!

    返回顶部