HarmonyOS自带的图标库如何使用

1. 找到想用的icon

在官方文档中找到你想用的图标，复制icon名称。

https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/

例如我们使用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')
	}
}
# harmonyos # 华为
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

cover

【HarmonyOS 6.1 全场景实战】《灵犀厨房》实战（二十五）：【深色模式】一键切换暗色主题——让 App 在深夜也温柔

avatar HarmonyOS开发者社区

鸿蒙开发-想做碰撞检测和点击判断？RectUtils矩形工具

摘要：RectUtils 是 HarmonyOS 提供的矩形操作工具类，用于简化图形开发中的矩形处理。它提供静态方法支持：1) 多种方式创建矩形（空矩形、坐标创建、拷贝）；2) 获取矩形属性（宽高、中心点坐标）；3) 判断包含关系（矩形或点是否在内部）；4) 计算交集/并集；5) 平移和调整边界。特别适用于点击检测、元素布局等场景，能有效减少手动计算矩形关系的代码量。

avatar HarmonyOS开发者社区

鸿蒙开发-想做AR应用？AR Engine从零开始

本文介绍了如何在HarmonyOS中使用AR Engine开发增强现实应用。主要内容包括：AR Engine的基本功能（如SLAM运动跟踪、平面识别、图像跟踪等），权限要求（相机、陀螺仪、加速度计），初始化AR场景的流程，以及如何通过ARView组件显示AR画面。文章还详细讲解了SLAM技术的工作原理和典型应用场景，并提供了基础AR页面的完整代码示例，帮助开发者快速上手AR应用开发。

avatar HarmonyOS开发者社区