背景

随着嵌入式设备对图形用户界面（GUI）的需求不断提升，选择一款高效、轻量且易于移植的GUI框架已成为项目开发中的关键环节。LVGL与Qt作为嵌入式领域广泛使用的两种GUI解决方案，在架构设计、资源占用及适用场景等方面存在明显区别：

• LVGL 是一款专为嵌入式及资源受限设备设计的轻量级开源图形库。其具备高度模块化特性，内存占用极低（最低仅需几十KB RAM和Flash空间），支持多种显示与输入设备驱动，并可在无操作系统环境下运行，尤其适合对性能、功耗和成本有严格要求的嵌入式应用场景。
• Qt 是一套功能丰富的跨平台应用开发框架，除GUI组件外，还提供网络、数据库、多媒体等完整功能模块。尽管Qt for Embedded Linux功能全面，但其通常需要更多的系统资源（包括内存和存储空间），更适合硬件资源较为充裕的嵌入式平台，例如工业人机界面（HMI）、车载信息娱乐系统
  
  

本文档以LVGL（Light and Versatile Graphics Library）8.2版本的移植为例，旨在为开发者提供一套清晰实用的轻量化图形界面移植指南，帮助用户快速构建流畅、美观的嵌入式图形应用。

1. 源码获取来源

git clone -b release/v8.2 https://github.com/lvgl/lv_port_linux_frame_buffer.git

git clone -b release/v8.2 https://github.com/lvgl/lvgl.git

git clone -b release/v8.2 https://github.com/lvgl/lv_drivers.git

将lvgl和lv_drivers文件夹拷贝到lv_port_linux_frame_buffer文件夹下。

2. 相关文件修改

注意：分辨率设置以板卡默认适配的MIPI屏幕规格为准进行修改。

2.1 修改lv_port_linux_frame_buffer/lv_conf.h文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/lv_conf.h

• 修改第15行，使能该文件
  
  

• 修改第27行，修改显示颜色位深
  
  

• 修改第49行，使能显存分配
  
  

• 修改第672行，使能编译demo
  
  

2.2 修改lv_port_linux_frame_buffer/lv_drv_conf.h文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/lv_drv_conf.h

• 修改第11行，使能该文件
  
  

• 修改第319行，使能fb显示
  
  

• 修改第442行，使能触摸板触摸。
  
  

• 修改第450行，绑定触摸事件，可以通过evtest命令查看屏幕对应的触摸节点，输入evtest，输入指定编号，触摸屏幕会有坐标点显示到调试串口。
  
  

• 修改第453行，使能屏幕分辨率配置。
  
  

• 修改第457行、459行，指定屏幕水平像素和垂直像素。
  
  

2.3 修改lv_port_linux_frame_buffer/main.c文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/main.c

• 修改第10行，指定显存大小
  
  

• 修改第32行、33行，指定屏幕分辨率
  
  

2.4 修改lv_port_linux_frame_buffer/Makefile文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/Makefile

• 修改第4行，指定交叉编译器
  
  

• 修改第7行，用#号注释掉后面内容
  
  

3.源码编译。

在lv_port_linux_frame_buffer目录下执行make -j4编译源码

elf@ubuntu:~/work/lvgl8.2$ cd lv_port_linux_frame_buffer/
elf@ubuntu:~/work/lvgl8.2/lv_port_linux_frame_buffer$ make -j4

最后会在lv_port_linux_frame_buffer目录下生成demo可执行文件

elf@ubuntu:~/work/lvgl8.2/lv_port_linux_frame_buffer$ ls demo
demo
4. 测试

• 使用u盘拷贝demo到开发板中。
• 关闭掉Weston桌面。
  

root@elf2-buildroot:~# /etc/init.d/S49weston stop

• 运行demo应用。
  

root@elf2-buildroot:~# ./demo

显示效果如下：

背景

随着嵌入式设备对图形用户界面（GUI）的需求不断提升，选择一款高效、轻量且易于移植的GUI框架已成为项目开发中的关键环节。LVGL与Qt作为嵌入式领域广泛使用的两种GUI解决方案，在架构设计、资源占用及适用场景等方面存在明显区别：

• LVGL 是一款专为嵌入式及资源受限设备设计的轻量级开源图形库。其具备高度模块化特性，内存占用极低（最低仅需几十KB RAM和Flash空间），支持多种显示与输入设备驱动，并可在无操作系统环境下运行，尤其适合对性能、功耗和成本有严格要求的嵌入式应用场景。
• Qt 是一套功能丰富的跨平台应用开发框架，除GUI组件外，还提供网络、数据库、多媒体等完整功能模块。尽管Qt for Embedded Linux功能全面，但其通常需要更多的系统资源（包括内存和存储空间），更适合硬件资源较为充裕的嵌入式平台，例如工业人机界面（HMI）、车载信息娱乐系统
  
  

本文档以LVGL（Light and Versatile Graphics Library）8.2版本的移植为例，旨在为开发者提供一套清晰实用的轻量化图形界面移植指南，帮助用户快速构建流畅、美观的嵌入式图形应用。

1. 源码获取来源

git clone -b release/v8.2 https://github.com/lvgl/lv_port_linux_frame_buffer.git

git clone -b release/v8.2 https://github.com/lvgl/lvgl.git

git clone -b release/v8.2 https://github.com/lvgl/lv_drivers.git

将lvgl和lv_drivers文件夹拷贝到lv_port_linux_frame_buffer文件夹下。

2. 相关文件修改

注意：分辨率设置以板卡默认适配的MIPI屏幕规格为准进行修改。

2.1 修改lv_port_linux_frame_buffer/lv_conf.h文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/lv_conf.h

• 修改第15行，使能该文件
  
  

• 修改第27行，修改显示颜色位深
  
  

• 修改第49行，使能显存分配
  
  

• 修改第672行，使能编译demo
  
  

2.2 修改lv_port_linux_frame_buffer/lv_drv_conf.h文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/lv_drv_conf.h

• 修改第11行，使能该文件
  
  

• 修改第319行，使能fb显示
  
  

• 修改第442行，使能触摸板触摸。
  
  

• 修改第450行，绑定触摸事件，可以通过evtest命令查看屏幕对应的触摸节点，输入evtest，输入指定编号，触摸屏幕会有坐标点显示到调试串口。
  
  

• 修改第453行，使能屏幕分辨率配置。
  
  

• 修改第457行、459行，指定屏幕水平像素和垂直像素。
  
  

2.3 修改lv_port_linux_frame_buffer/main.c文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/main.c

• 修改第10行，指定显存大小
  
  

• 修改第32行、33行，指定屏幕分辨率
  
  

2.4 修改lv_port_linux_frame_buffer/Makefile文件
elf@ubuntu:~/work/lvgl8.2$ vi lv_port_linux_frame_buffer/Makefile

• 修改第4行，指定交叉编译器
  
  

• 修改第7行，用#号注释掉后面内容
  
  

3.源码编译。

在lv_port_linux_frame_buffer目录下执行make -j4编译源码

elf@ubuntu:~/work/lvgl8.2$ cd lv_port_linux_frame_buffer/
elf@ubuntu:~/work/lvgl8.2/lv_port_linux_frame_buffer$ make -j4

最后会在lv_port_linux_frame_buffer目录下生成demo可执行文件

elf@ubuntu:~/work/lvgl8.2/lv_port_linux_frame_buffer$ ls demo
demo
4. 测试

• 使用u盘拷贝demo到开发板中。
• 关闭掉Weston桌面。
  

root@elf2-buildroot:~# /etc/init.d/S49weston stop

• 运行demo应用。
  

root@elf2-buildroot:~# ./demo

显示效果如下：