Text作為容器使用的時候,里面可以使用ImageSpan存放圖片,Span用來存放文字
文本顯示 (Text/Span)-使用文本-UI開發(fā) (ArkTS聲明式開發(fā)范式)-ArkUI(方舟UI框架)-應(yīng)用框架 - 華為HarmonyOS開發(fā)者
例如:(提供給我們更多關(guān)于文本和圖片聯(lián)動的解決方案)
編輯
示例代碼:
@Entry@ComponentstructLianxi{@Statemessage:string='Hello World';build() {Column(){Text(){Span('簡單示例')ImageSpan($r('app.media.startIcon'))? ? ? }? ? }? }}
ImageSpan-快速掌握
1. ImageSpan跟Image差不多一樣,不同的是Image不能放到Text(){}里面使用,且關(guān)于矢量圖ImageSpan不能使用例如
.fillColor(Color.White)
來修改矢量圖的顏色,
2.?圖片會根據(jù)文本的字體大小、行高進行適配
3.?用于在文本中嵌入圖片,使圖片與文本集成顯示,適用于需要在文本段落中插入小圖標等場景
Span-快速掌握
1. 可以像text組件一樣使用。
注意管理圖片的命名規(guī)范:當圖片放入鴻蒙模擬器的目錄中的時候,命名只能有字母,數(shù)字,_,且只有字母和_下劃線可以作為開頭,否則就會報錯。
SymbolSpan-介紹
SymbolSpan-文本與輸入-ArkTS組件-ArkUI(方舟UI框架)-應(yīng)用框架 - 華為HarmonyOS開發(fā)者
1.?不支持通用屬性,支持以下屬性fontColor,fontSize,fontWeight,等等
2.effectStrategy設(shè)置動效策略,如SymbolEffectStrategy.NONE(無動效)等,默認值為SymbolEffectStrategy.NONE
3.attributeModifier從 API version 12 起支持,可動態(tài)設(shè)置組件屬性,需傳入AttributeModifier<SymbolSpanAttribute>類型參數(shù)
ContainerSpan-介紹
ContainerSpan-文本與輸入-ArkTS組件-ArkUI(方舟UI框架)-應(yīng)用框架 - 華為HarmonyOS開發(fā)者
1. 鴻蒙應(yīng)用開發(fā)中,ArkTS的ContainerSpan是一個重要的組件用來統(tǒng)一管理多個Span、ImageSpan的背景色及圓角弧度
2.?不支持通用事件,