前言
测试平台:正点原子ALPHA IM.X开发板
显示屏:3.4inch RGB 800×480
编译器:Ubuntu18.04 交叉编译器:gcc-linaro-4.9.4-2017.01-x86_64_arm-linux-gnueabihf
提示:以下是本篇文章正文内容
一、LVGL是什么?
LVGL(Light and Versatile Graphics Library)是一款用于嵌入式系统的开源图形库,它提供了丰富的图形界面组件和功能,能够帮助开发者轻松地实现各种嵌入式图形界面应用。LVGL具有轻量级、高度可定制、跨平台等特点,适用于多种嵌入式平台和操作系统,包括ARM、ESP32、STM32等。LVGL提供了丰富的图形元素、动画效果、事件处理、主题定制等功能,使开发者能够快速构建出现代化、美观、流畅的嵌入式图形界面应用。
二、移植步骤
1.下载软件
打开https://github.com/lvgl,下载lvgl
打开https://github.com/lvgl/lv_drivers,下载lvgl_drivers
打开https://github.com/lvgl/lv_port_linux_frame_buffer,下载lv_port_linux_frame_buffer
2.创建工程
- 创建 lvgl_demo 文件夹;
- 将 lvgl、lv_drivers 复制到 lvgl_demo 中;
- 将 lv_port_linux_frame_buffer 仓库中的 main.c 文件和 makefile 文件复制到 lvgl_demo 中;
- 将 lvgl 中的 lv_conf_template.h 文件复制到 lvgl_demo 中并且改名为 lv_conf.h;
- 将 lv_drivers 中的 lv_drv_conf_template.h 文件复制到 lvgl_demo 中并且改名为 lv_drv_conf.h;
- 创建好的工程目录如图所示:
3.修改配置
3.1 修改 lv_drv_conf.h
第11行:将 #if 0 改成 #if 1
第319行:将# define USE_FBDEV 的值改为 1
第442行:将 USE_EVDEV 的值改为 1,配置触控输入设备的文件路径:
3.2 修改 lv_conf.h
第15行:将 #if 0 改成 #if 1
第52行:根据实际情况适当扩大内存:改为#define LV_MEM_SIZE (1024U * 1024U)
第81和84行:#define LV_DISP_DEF_REFR_PERIOD 30 表示刷新时间
第88行:#define LV_TICK_CUSTOM 值改为 1,并且添加新的函数custom_tick_get()、
第753行:#define LV_USE_DEMO_WIDGETS 的值改为 1
3.3 修改 main.c
#include "lvgl/lvgl.h"
#include "lvgl/demos/lv_demos.h"
#include "lv_drivers/display/fbdev.h"
#include "lv_drivers/indev/evdev.h"
#include <unistd.h>
#include <time.h>
#include <sys/time.h>
#define DISP_BUF_SIZE (800 * 480)
int main(void)
{
lv_init();
/*Linux frame buffer device init*/
fbdev_init();
/*A small buffer for LittlevGL to draw the screen's content*/
static lv_color_t buf[DISP_BUF_SIZE];
/*Initialize a descriptor for the buffer*/
static lv_disp_draw_buf_t disp_buf;
lv_disp_draw_buf_init(&disp_buf, buf, NULL, DISP_BUF_SIZE);
/*Initialize and register a display driver*/
static lv_disp_drv_t disp_drv;
lv_disp_drv_init(&disp_drv);
disp_drv.draw_buf = &disp_buf;
disp_drv.flush_cb = fbdev_flush;
disp_drv.hor_res = 800;//根据自己的LCD分辨率更改
disp_drv.ver_res = 480;//根据自己的LCD分辨率更改
lv_disp_drv_register(&disp_drv);
/* Linux input device init */
evdev_init();
/* Initialize and register a display input driver */
lv_indev_drv_t indev_drv;
lv_indev_drv_init(&indev_drv); /*Basic initialization*/
indev_drv.type = LV_INDEV_TYPE_POINTER;
indev_drv.read_cb = evdev_read;
lv_indev_t * my_indev = lv_indev_drv_register(&indev_drv);
/*Create a Demo*/
lv_demo_widgets(); //调用官方的Demo
/*Handle LVGL tasks*/
while(1) {
lv_timer_handler();
usleep(5000);
}
return 0;
}
/*Set in lv_conf.h as `LV_TICK_CUSTOM_SYS_TIME_EXPR`*/
uint32_t custom_tick_get(void)
{
static uint64_t start_ms = 0;
if(start_ms == 0) {
struct timeval tv_start;
gettimeofday(&tv_start, NULL);
start_ms = (tv_start.tv_sec * 1000000 + tv_start.tv_usec) / 1000;
}
struct timeval tv_now;
gettimeofday(&tv_now, NULL);
uint64_t now_ms;
now_ms = (tv_now.tv_sec * 1000000 + tv_now.tv_usec) / 1000;
uint32_t time_ms = now_ms - start_ms;
return time_ms;
}
3.4 修改 Makefile
- 指定编译器【详解】
- 添加 lv_drivers.mk,注释掉鼠标样式源文件:
- 修改了下构建目标名称:
- 若编译过程中出现未识别的编译选项,如报
error: unrecognized command line option'-Wshift-negative-value'
类似错误,可删除-Wshift-negative-value
选项,该选项的作用是检查左移操作(<<)中可能出现的负数:
三、编译运行
- 编译:在lv_demo_test目录下,输入make即可编译
编译后在当前目录下生成可build文件夹、build文件夹下面的bin文件中就包含可执行文件lvgl_demo。
四、ARM平台测试
将lvgl_demo拷贝到自己的根文件系统【前提是已经使用nfs命令挂载了
】下:
运行开发板: ./lvgl_demo
参考链接
https://blog.csdn.net/weixin_44550536/article/details/131714105