1 图标
1.1 内置图标
LVGL 内建符号(Symbols)是一组特殊字符,它们作为图标嵌入在标签(lv_label)中。你可以像使用文本一样直接使用它们,非常适合在按钮、标签、状态栏等 UI 元素中显示图标。你可以选择 Font Awesome 或其他图标字体,并将其直接嵌入应用中。LVGL 内建图标字体(如 LV_SYMBOL_*)是可以改变大小的。通过调整 lv_label 的样式和字体大小,可以轻松改变图标的显示大小
1.2 常见符号例举
LV_SYMBOL_OK ✔️ 确认 / 勾号
LV_SYMBOL_CLOSE ❌ 关闭 / 叉
LV_SYMBOL_POWER 🔌 电源
LV_SYMBOL_SETTINGS ⚙️ 设置 / 齿轮
LV_SYMBOL_WIFI 📶 Wi-Fi
LV_SYMBOL_BLUETOOTH 📳 蓝牙
LV_SYMBOL_BATTERY_FULL 🔋 电池满
LV_SYMBOL_BATTERY_3 🔋 电量 75%
LV_SYMBOL_BATTERY_2 🔋 电量 50%
LV_SYMBOL_BATTERY_1 🔋 电量 25%
LV_SYMBOL_BATTERY_EMPTY 🔋 电池空
LV_SYMBOL_CHARGE ⚡ 充电符号
LV_SYMBOL_USB 🔌 USB
LV_SYMBOL_TRASH 🗑️ 垃圾桶
LV_SYMBOL_EDIT ✏️ 编辑
LV_SYMBOL_SAVE 💾 保存
LV_SYMBOL_HOME 🏠 首页
LV_SYMBOL_DOWNLOAD ⬇️ 下载
LV_SYMBOL_DRIVE 💽 存储设备
LV_SYMBOL_REFRESH 🔄 刷新
LV_SYMBOL_VOLUME 🔊 音量
LV_SYMBOL_MUTE 🔇 静音
LV_SYMBOL_LEFT ◀️ 左箭头
LV_SYMBOL_RIGHT ▶️ 右箭头
LV_SYMBOL_UP ▲ 上箭头
LV_SYMBOL_DOWN ▼ 下箭头
LV_SYMBOL_WARNING ⚠️ 警告 }
LV_SYMBOL_SHUFFLE 🔀 随机
LV_SYMBOL_LOOP 🔁 循环
LV_SYMBOL_PLAY ▶️ 播放
LV_SYMBOL_PAUSE ⏸️ 暂停
LV_SYMBOL_STOP ⏹️ 停止
LV_SYMBOL_PREV ⏮️ 上一曲
LV_SYMBOL_NEXT ⏭️ 下一曲
LV_SYMBOL_EJECT ⏏️ 弹出
LV_SYMBOL_KEYBOARD ⌨️ 键盘
LV_SYMBOL_GPS 🧭 GPS
你可以使用 lv_obj_set_style_text_font() 改变符号的显示大小:
1.3 演示代码
#include "lvgl.h"
// 创建带图标的按钮
void create_btn_with_icon(void)
{
lv_obj_t *btn