HarmonyOS-NEXTHarmonyOS自带的icon图标库如何使用
目录
【HarmonyOS NEXT】HarmonyOS自带的icon图标库如何使用
HarmonyOS自带的图标库如何使用
1. 找到想用的icon
在 中找到你想用的图标,复制icon名称。
例如我们使用
airplane_fill
2. 在Text组件中使用
将下面代码中
xxxx
替换成想用的icon名称
Text(){
SymbolSpan($r(sys.symbol.xxxx))
}
3. (可选)导入外部字体图标iconfont
import font from '@ohos.font';
aboutToAppear() {
font.registerFont({
familyName: 'iconfont',
familySrc: $rawfile('iconfont.ttf')
})
}
build(){
Column(){
Text('\uxxxx').fontFamily('iconfont')
}
}