HarmonyOS鴻蒙開發(fā),Text組件作為容器使用(ImageSpan/Span)快速掌握

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.?不支持通用事件,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容