工具问题
DevEco Studio
DevEco Testing
开发与测试问题
多设备场景
应用质量
应用框架开发
系统开发
媒体开发
图形开发
应用服务开发
AI功能开发
元服务开发
ImageSpan使用场景
更新时间: 2026-06-26 07:47
复制页面
问题现象
如何实现下图中的追加评论效果？
效果预览
解决方案
将图片换成镂空图，ImageSpan使用margin属性调整位置。
@Entry @Component struct ImageSpanExample { content: string = '到了绿湖底部，面上神色一动。'; build() { Column() { Text() { Span("\n" + this.content) .fontSize(20) Span(' 11 ') ImageSpan($r('app.media.startIcon')) // 需开发者换成镂空的图 .width('26vp') .height('26vp') .margin({ left: -27, bottom: -2 }) } } .width('100%') .height('100%') } }
华为开发者联盟 版权所有 ©2026