[原创] NUCLEO-H533RE开发板测评08（LVGL移植）

qzc0927 2024-8-13 17:13 楼主

打开LVGL Guider编辑器，创建工程

![image-20240809230102539](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240809230102539.png)

选择LVGL版本，是用V8.3

![image-20240809230127272](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240809230127272.png)

选择模拟器

![image-20240809230149762](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240809230149762.png)

设计LVGL界面：

![image-20240809231545113](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240809231545113.png)

修改样式和中英文显示：

![image-20240813160225545](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240813160225545.png)

使用官方工具不用关心中文字符问题；

保存文件：

![image-20240813154757988](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240813154757988.png)

移植LVGL项目工程，打开git，下载LVGL8.3的工程包

https://gitcode.com/gh_mirrors/lv/lvgl/tree/release/v8.3?init=initRepo，

![image-20240813155029716](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240813155029716.png)

具体移植过程就有部多讲了，例程比较多，其中显示画点的函数需要先测试调通；

```C
/*Flush the content of the internal buffer the specific area on the display
 *You can use DMA or any hardware acceleration to do this operation in the background but
 *'lv_disp_flush_ready()' has to be called when finished.*/
static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)
{
  if(disp_flush_enabled) {
  /*The most simple case (but also the slowest) to put all pixels to the screen one-by-one*/

int32_t x;
  int32_t y;
  for(y = area->y1; y <= area->y2; y++) {
    for(x = area->x1; x <= area->x2; x++) {
      /*Put a pixel to the display. For example:*/
      /*put_px(x, y, *color_p)*/
                
                POINT_COLOR=color_p->full;
                LCD_DrawPoint(x,y);//画一个点            
      color_p++;
    }
  }
  }

/*IMPORTANT!!!
 *Inform the graphics library that you are ready with the flushing*/
  lv_disp_flush_ready(disp_drv);
    
    
}

```

初始化函数，也是官方的例程，需要跑通，我这里没有使用触摸，先显示图形界面，确保整个移植业务流程跑通

```C
    LCD_Init();     //液晶屏初始化，就是LCD显示驱动

lv_init();         // LVGL 初始化
    lv_port_disp_init();       // 注册LVGL的显示任务
//    lv_port_indev_init();      // 注册LVGL的触屏检测任务，没有触摸可以屏蔽
    
//    HAL_TIM_Base_Start_IT(&htim6);   //也可以先取消，这个用于lvgl业务处理

// 按钮
  lv_obj_t *myBtn = lv_btn_create(lv_scr_act());           // 创建按钮; 父对象：当前活动屏幕
  lv_obj_set_pos(myBtn, 10, 10);               // 设置坐标
  lv_obj_set_size(myBtn, 120, 50);               // 设置大小
 
  // 按钮上的文本
  lv_obj_t *label_btn = lv_label_create(myBtn);          // 创建文本标签，父对象：上面的btn按钮
  lv_obj_align(label_btn, LV_ALIGN_CENTER, 0, 0);          // 对齐于：父对象
  lv_label_set_text(label_btn, "Test");              // 设置标签的文本
 
  // 独立的标签
  lv_obj_t *myLabel = lv_label_create(lv_scr_act());         // 创建文本标签; 父对象：当前活动屏幕
  lv_label_set_text(myLabel, "Hello world!");            // 设置标签的文本
  lv_obj_align(myLabel, LV_ALIGN_CENTER, 0, 0);          // 对齐于：父对象
  lv_obj_align_to(myBtn, myLabel, LV_ALIGN_OUT_TOP_MID, 0, -20);     // 对齐于：某对象
```

程序烧录之后，能显示界面，说明LVGL例程移植没有问题；

![image-20240813155642646](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240813155642646.png)

能出现这个界面，说明整个移植过程没有问题，后续将使用的LVGL界面文件添加进来，并进行初始化。

```
    setup_ui(&guider_ui);   // 初始化 UI
    events_init(&guider_ui);   // 初始化 事件
```

最后，实现结果如下：

![image-20240813155906189](https://boreyun.oss-cn-shanghai.aliyuncs.com/image-20240813155906189.png)

后续针对LVGL进行优化设计；