HarmonyOS鸿蒙开发，Text组件作为容器使用（ImageSpan/Span）快速掌握

​ Text作为容器使用的时候，里面可以使用ImageSpan存放图片，Span用来存放文字
文本显示 (Text/Span)-使用文本-UI开发 (ArkTS声明式开发范式)-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

例如：（提供给我们更多关于文本和图片联动的解决方案）

示例代码：

@Entry
@Component
struct Lianxi {
@State message: string = 'Hello World';

build() {

Column(){
  Text(){
    Span('简单示例')
    ImageSpan($r('app.media.startIcon'))
  }
}

}
}

ImageSpan-快速掌握

1. ImageSpan跟Image差不多一样，不同的是Image不能放到Text（）{}里面使用，且关于矢量图ImageSpan不能使用例如

.fillColor(Color.White)

来修改矢量图的颜色，

2. 图片会根据文本的字体大小、行高进行适配

3. 用于在文本中嵌入图片，使图片与文本集成显示，适用于需要在文本段落中插入小图标等场景

Span-快速掌握

1. 可以像text组件一样使用。

注意管理图片的命名规范：当图片放入鸿蒙模拟器的目录中的时候，命名只能有字母，数字，_，且只有字母和_下划线可以作为开头，否则就会报错。

SymbolSpan-介绍

SymbolSpan-文本与输入-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

1. 不支持通用属性，支持以下属性fontColor，fontSize，fontWeight，等等

2. effectStrategy设置动效策略，如SymbolEffectStrategy.NONE（无动效）等，默认值为SymbolEffectStrategy.NONE

3.attributeModifier从 API version 12 起支持，可动态设置组件属性，需传入AttributeModifier<SymbolSpanAttribute>类型参数

ContainerSpan-介绍

ContainerSpan-文本与输入-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

1. 用来统一管理多个Span、ImageSpan的背景色及圆角弧度

2. 不支持通用事件

适用HarmonyOS NEXT / API12或以上版本
​