
回复
在正式演示文本段落组件Span之前,我想建立一个列表导航页面,方便随时跳转到相应的组件演示页面。
将上一小节演示Text组件的index.ets页面复制粘贴为TextSample.ets页面。修改index.ets页面的代码为:
修改config.json文件配置,增加TextSample页面和SpanSample页面:
修改TextSample.ets页面,将代码:
改为:
所有页面的struct命名必须唯一,否则会编译冲突。
然后,在TextSample.ets页面顶部(Column布局组件下)加入返回首页的链接代码:
如下图所示:
在各媒体资源文件夹下面加入返回图标ic_back.png。
然后新建一个SpanSample.ets的页面,用于演示Span组件。初始代码如下:
App运行效果如下:
文本段落组件Span,只能作为Text子组件,呈现一段文本信息。接口调用方法和Text组件相同,示范代码如下:
效果如下:
注意:在包含Span子组件的时候,Text组件中设置的文本不会生效,我们做个实验,代码如下:
效果如下:
在鸿蒙官方开发文档中提到: 通用属性方法仅支持通用文本样式。 仅列出了decoration( 设置文本装饰线样式及其颜色)和 textCase ( 设置文本大小写 )的属性,使用方式和Text的同名属性使用方法一摸一样,这里就不赘述了。示例代码:
效果如下:
【源码地址:https://gitee.com/cloudev/harmonyos3/tree/master/3.0/BaseComponent 】