LVGL UI 库（TODO）

fanged

已于 2024-10-04 20:15:53 修改

阅读量145

点赞数 1

分类专栏：嵌入式音视频 GUI 文章标签： ui 嵌入式

于 2024-05-05 04:00:52 首次发布

本文链接：https://blog.csdn.net/fanged/article/details/138457090

版权

嵌入式同时被 3 个专栏收录

42 篇文章 1 订阅

订阅专栏

音视频

17 篇文章 0 订阅

订阅专栏

GUI

2 篇文章 0 订阅

订阅专栏

这个TODO是5月的，一直没弄，就是想等嵌入式的环境搭建起来。。。没想到耗时这么久。。。

还是老规矩，先上图。。。

整体来说还是接着以前的，之前在树莓派上弄通了ST7735的驱动，framebuffer，现在终于能来看GUI了。

树莓派3B驱动ST7735（内核）（Framebuffer篇）（TODO）-CSDN博客

现在的图形接口好像很多，Framebuffer只是其中之一，而且还是比较老的性能不行。好一点的还有SDL，DRM，DirectFB，WayLand。有时间和精力还真想都看看，可惜现在并没有。所以这次关注的下层接口就只有老式的Framebuffer。

一代码移植

我的编译环境是直接搭在树莓派上的，就是因为懒得去折腾交叉编译环境，为此还换了一个64G的tf卡。不过编lvgl这块还有点点麻烦，主要是这种小库莫名其妙的问题很多。比如说直接官网git clone下来的代码，就可能编不过。

折腾了小半天。最后还是没编过，估计后面要慢慢看看才行。

不过网上找了一个移植的好，这个倒是非常好用。

GitHub - lvgl/lv_port_linux: LVGL configured to work with a standard Linux framebuffer

这个弄下来是直接就能用，很好。然后还有一个讲解：

Embedded GUI Using Linux Frame Buffer Device with LVGL | LVGL’s Blog

直接CMakeLists这几个也都是做好的。直接：

mkdir build
cd build
cmake ..
make

很快在上面的bin下面就有一个main，直接运行就行了。就能出现开头的图。

最后提一下

切换为管理员模式，定位到根目录，命令行输入：vi /etc/profile，在最后一行添加如下代码：

echo -e "\033[?251"

保存退出，再在命令行输入：source /etc/profile使配置生效，这时再执行demo程序可发现黑条消失。

二 Demo

Demo的代码如下，这个就是最开始的图：

#include "lvgl/lvgl.h"
#include "lvgl/demos/lv_demos.h"
//#include "lv_drivers/indev/evdev.h"
#include "lvgl/src/drivers/evdev/lv_evdev.h"
//#include "lv_drivers/indev/mouse.h"
#include <unistd.h>
#include <pthread.h>
#include <time.h>
#include <stdio.h>
#include <stdlib.h>

static const char *getenv_default(const char *name, const char *dflt)
{
    return getenv(name) ? : dflt;
}

static void lv_linux_disp_init(void)
{
    const char *device = getenv_default("LV_LINUX_FBDEV_DEVICE", "/dev/fb0");
    lv_display_t * disp = lv_linux_fbdev_create();

    lv_linux_fbdev_set_file(disp, device);
}


int main(void)
{
    lv_init();

    //Linux display device init
    lv_linux_disp_init();

    //Create a Demo
    lv_demo_widgets();
    lv_demo_widgets_start_slideshow();

    //Handle LVGL tasks
    while(1) {
        lv_timer_handler();
        usleep(5000);
    }

}

后面自己又改了一点。

#include "lvgl/lvgl.h"
#include "lvgl/demos/lv_demos.h"
//#include "lv_drivers/indev/evdev.h"
#include "lvgl/src/drivers/evdev/lv_evdev.h"
//#include "lv_drivers/indev/mouse.h"
#include <unistd.h>
#include <pthread.h>
#include <time.h>
#include <stdio.h>
#include <stdlib.h>

static const char *getenv_default(const char *name, const char *dflt)
{
    return getenv(name) ? : dflt;
}

static void lv_linux_disp_init(void)
{
    const char *device = getenv_default("LV_LINUX_FBDEV_DEVICE", "/dev/fb0");
    lv_display_t * disp = lv_linux_fbdev_create();

    lv_linux_fbdev_set_file(disp, device);
}


int main(void)
{
    lv_init();

    //Linux display device init
    lv_linux_disp_init();


    /*更改活动屏幕的背景颜色*/
    lv_obj_set_style_bg_color(lv_scr_act(), lv_color_hex(0x003a57), LV_PART_MAIN);

    //创建一个白色标签，设置其文本并将其与中心对齐
    lv_obj_t * label = lv_label_create(lv_scr_act());
    lv_label_set_text(label, "Hello fanged.");
    lv_obj_set_style_text_color(lv_scr_act(), lv_color_hex(0xffffff), LV_PART_MAIN);
    lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);

    LV_IMG_DECLARE(mouse_cursor_icon); /*Declare the image file.*/
    lv_obj_t * cursor_obj = lv_img_create(lv_scr_act()); /*Create an image object for the cursor */
    lv_img_set_src(cursor_obj, &mouse_cursor_icon);           /*Set the image source*/
    lv_indev_set_cursor(mouse_indev, cursor_obj);

    // 主循环
    while(1) {
        lv_task_handler();  // 处理LVGL任务
        usleep(5000);  // 延迟5ms
    }

    return 0;
}

这个就是只显示一行字。（这个demo还会改改，最后增加一个按钮而且可以通过鼠标去点。这次实验也差不多结束了）

三代码框架

四 GPU加速

五参考

移植LVGL到Linux_lvgl移植到linux-CSDN博客

要在树莓派上使用 Framebuffer (fb0) 运行 LVGL，需通过配置 Framebuffer 作为 LVGL 的显示驱动。以下是具体步骤和示例代码：

### 基本步骤：

#### 1. **安装必要的依赖：**
确保系统安装了 LVGL 运行所需的库和工具。

```bash
sudo apt update
sudo apt install cmake build-essential git libjpeg-dev libfreetype6-dev libpng-dev
```

#### 2. **获取 LVGL 和驱动程序：**
克隆 LVGL 和相关驱动程序仓库。

```bash
git clone https://github.com/lvgl/lvgl.git
git clone https://github.com/lvgl/lv_drivers.git
```

#### 3. **配置 Framebuffer 驱动：**
你需要在 `lv_drivers` 中启用 Framebuffer 驱动并配置它。打开 `lv_drivers` 的 `lv_drv_conf.h` 文件并启用 Framebuffer 支持。

```c
#define USE_FBDEV 1
```

#### 4. **编写 LVGL 程序（使用 fb0 作为显示）：**

下面的代码展示了如何将 Framebuffer `fb0` 与 LVGL 一起使用。

```c
#include "lvgl/lvgl.h"
#include "lv_drivers/display/fbdev.h"
#include <unistd.h>

int main(void) {
// 初始化 LVGL
lv_init();

// 初始化 Framebuffer 驱动
fbdev_init();

// 设置显示缓冲区
static lv_disp_buf_t disp_buf;
static lv_color_t buf1[LV_HOR_RES_MAX * 10];
lv_disp_buf_init(&disp_buf, buf1, NULL, LV_HOR_RES_MAX * 10);

// 注册显示驱动
lv_disp_drv_t disp_drv;
lv_disp_drv_init(&disp_drv);
disp_drv.buffer = &disp_buf;
disp_drv.flush_cb = fbdev_flush; // 使用 Framebuffer 的 flush 函数
lv_disp_drv_register(&disp_drv);

// 创建一个简单的 UI
lv_obj_t * label = lv_label_create(lv_scr_act(), NULL);
lv_label_set_text(label, "Hello, LVGL with Framebuffer!");
lv_obj_align(label, NULL, LV_ALIGN_CENTER, 0, 0);

// 主循环
while(1) {
lv_task_handler(); // 处理LVGL任务
usleep(5000); // 延迟5ms
}

return 0;
}
```

#### 5. **编译代码：**

创建一个 CMake 文件来构建程序：

```cmake
cmake_minimum_required(VERSION 3.0)
project(lvgl_fbdev_example)

set(CMAKE_C_STANDARD 99)

include_directories(lvgl lv_drivers)

add_executable(lvgl_fbdev_example main.c)
target_link_libraries(lvgl_fbdev_example pthread)
```

然后执行以下命令编译并运行：

```bash
mkdir build
cd build
cmake ..
make
sudo ./lvgl_fbdev_example
```

### 注意：
- `fb0` 是树莓派上的默认 Framebuffer 设备。你可以通过命令 `ls /dev/fb*` 查看当前的 Framebuffer 设备。
- 你可能需要在 `/boot/config.txt` 中配置正确的 Framebuffer 设置。

通过这段代码，你可以在 Raspberry Pi 上使用 Framebuffer 设备（fb0）运行 LVGL。