LVGL 自定义符号

1.使用阿里 iconfont 平台,找到自己喜欢的图标

单击购物车图标先添加到购物车,然后单击主页上的菜单资源管理->我的项目,你刚才选择的图标会在这个项目下,单击下载到本地单击购物车图标先添加到购物车,然后单击主页上的菜单资源管理->我的项目,你刚才选择的图标会在这个项目下,单击下载到本地

2.使用工具转换字体图标

unicode 编码填写上需要的unicode 编码,点击转换

3. unicode 和 utf 编码转换

在线工具
UTF-8编码记录下每个需要使用的UTF-8编码

4. 定义符号宏

1.修改/components/lvgl/lv_conf.h

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LVGL 是一个开源的 GUI 库,提供了多种现成的控件,如按钮、标签、列表等。如果你需要自定义控件,可以使用 LVGL 提供的绘图和事件处理接口实现。 下面是一个简单的示例,演示如何在 LVGL 中创建自定义控件: ```c // 自定义控件的绘制函数 static void draw_custom_control(lv_obj_t * obj, const lv_area_t * clip_area) { // 绘制控件的背景和边框 lv_draw_rect(&obj->coords, clip_area, LV_COLOR_WHITE, LV_COLOR_BLACK, LV_DRAW_BORDER | LV_DRAW_FULL_COVER); // 绘制控件的内容 lv_draw_label(&obj->coords, clip_area, LV_COLOR_BLACK, "Custom Control", NULL, LV_LABEL_ALIGN_CENTER); } // 自定义控件的事件处理函数 static bool custom_control_event_handler(lv_obj_t * obj, lv_event_t event) { if (event == LV_EVENT_CLICKED) { // 处理控件被点击的事件 lv_obj_set_style_local_bg_color(obj, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_RED); } return false; } // 创建自定义控件 lv_obj_t * custom_control_create(lv_obj_t * parent) { lv_obj_t * obj = lv_obj_create(parent, NULL); // 设置控件的大小和位置 lv_obj_set_size(obj, 100, 50); lv_obj_set_pos(obj, 50, 50); // 设置控件的绘制函数和事件处理函数 lv_obj_set_draw_func(obj, draw_custom_control); lv_obj_set_event_cb(obj, custom_control_event_handler); return obj; } ``` 在上面的示例中,我们创建了一个名为 `custom_control` 的自定义控件。`draw_custom_control` 函数用于绘制控件,`custom_control_event_handler` 函数用于处理控件的事件。在 `custom_control_create` 函数中,我们创建了一个 LVGL 对象,并设置了它的大小、位置、绘制函数和事件处理函数。最后,我们将对象返回给调用者。 使用上面的代码,你可以创建自己的 LVGL 控件并为其添加功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值