lvgl的移植

字数统计: 1k字   |   阅读时长≈ 4分

lvgl

概述

  • 支持抗锯齿
  • 最小内存要求（64k flash，16k RAM）
  • 单缓冲设备就可以呈现高级特效
  • 使用C语言编写
  • 支持PC模拟器
  • 支持响应式布局，适应不同分辨率的显示设备
  • 提供在线离线文档
  • 基于自由和开源的MIT协议

硬件要求

  • MCU主频最好高于16MHZ
  • 如果只使用核心组件，至少需要64K ROM，完整使用需要180K ROM以上

移植

  • 总共分为如下8个步骤

1.准备素材

2.修改Keil工程名

3.导入littleVGL库到Keil中

4.修改lv_conf.h和lv_ex_conf.h配置文件

5.添加定时器,为littleVGL提供心跳节拍

6.移植底层显示驱动

7.移植底层触摸驱动

8.移植官方的演示例程

image-20211107162420278

  • 添加src目录下所有.c文件到工程中

image-20211107160950232

  • lvgl配置文件模板复制一份到工程的头文件路径下

image-20211107160853568

  • 加大工程项目的栈空间到2kB（0x800）、使能C99编译支持

lv_config.h配置文件修改

  • 修改lvgl支持的最大分辨率

image-20211107162706326

image-20211107163018138

  • 内存管理大小设置

image-20211107163157531

  • 关闭使用GPU

image-20211107163541756

  • 关闭文件系统

image-20211107163634725

  • 开启主题

image-20211107163806087

  • 开启字体（默认16号字体）

image-20211107163917069

lv_ex_conf.h是只有在测试官方例程和PC模拟器时需要，使能里面所有的宏。

image-20211107164417690

添加定时器，为lvgl提供节拍

设置定时器每隔 1ms 进入中断,为 littleVGL 提供 1ms 的心跳节拍。

image-20211107165102435

定时器配置的是1ms，lvgl节拍函数就传参数1进去，是几ms就传参数几。

image-20211107165443417

  • 调用lvgl的初始化函数

image-20211107165945614

移植完成，可以开始编译。会报传参类型不对，状态不可达，定义变量但未使用的300多个警告。可以不管或者在编译器中屏蔽这三类警告。

屏蔽某类警告方法：–diag_suppress=xx警告编号

移植显示驱动

image-20211107171622802

display：显示接口、fs：文件系统接口、indev：输入设备接口，包括触摸板。

image-20211107171833820

拷贝接口模板单独放到lvgl_drvier文件夹下（将template后缀修改为自己的硬件平台名字），fs文件系统的移植接口可以不拷贝。

  • lvgl缓存设置

image-20211107173008833

16位颜色深度全屏缓存实际大小计算：分辨率w * 分辨率h * 16bit / 8。

lvgl要求至少10倍水平分辨率的大小的缓存。

image-20211107174846979

  • lvgl刷新函数示例

image-20211107180804160

画点环线函数最好使用DMA减少CPU的运行时间。

触摸驱动移植

lv_port_indev.h 因为lvgl支持很多种输入设备，这个模板文件中只需保留触摸板相关的函数即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
#ifndef LV_PORT_INDEV_H 
#define LV_PORT_INDEV_H 
 
#include "lvgl/lvgl.h" 
 
//函数申明 
void lv_port_indev_init(void); 
 
/*< lv_port_indev.c文件的内容如下: */
 
#include "lv_port_indev.h" 
#include "touch.h" 
 
//函数申明 
static bool touchpad_read(lv_indev_drv_t * indev_drv, lv_indev_data_t * data); 
 
//lvgl的输入设备初始化 
void lv_port_indev_init(void) 
{ 
     lv_indev_drv_t indev_drv; 
 
     //lvgl支持很多种输入设备,但是我们一般常用的就是触摸屏,也就是Touchpad 
     lv_indev_drv_init(&indev_drv); 
     indev_drv.type = LV_INDEV_TYPE_POINTER; 
     indev_drv.read_cb = touchpad_read; 
     lv_indev_drv_register(&indev_drv); 
} 
//将会被lvgl周期性调用,周期值是通过lv_conf.h中的LV_INDEV_DEF_READ_PERIOD 
//宏来定义的 
//此值不要设置的太大,否则会感觉触摸不灵敏,默认值为30ms 
static bool touchpad_read(lv_indev_drv_t * indev_drv, lv_indev_data_t * data) 
{ 
    static uint16_t last_x = 0; 
    static uint16_t last_y = 0; 
   
    if(tp_dev.sta&TP_PRES_DOWN)//触摸按下了 
    { 
      last_x = tp_dev.x[0]; 
      last_y = tp_dev.y[0]; 
      data->point.x = last_x; 
      data->point.y = last_y; 
      data->state = LV_INDEV_STATE_PR; 
    }else{//触摸松开了 
      data->point.x = last_x; 
      data->point.y = last_y; 
      data->state = LV_INDEV_STATE_REL; 
    } 
     
    //返回 false代表不需要缓存坐标值
     return false; 
}

测试官方例程

最后在main函数中调用下显示和触摸驱动的初始化函数：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
int main(void)
{
   .....
    lv_init();                                  //lvgl系统初始化
    lv_port_disp_init();                //lvgl显示接口初始化,放在lv_init()的后面
    lv_port_indev_init();               //lvgl输入接口初始化,放在lv_init()的后面
    
    /* 测试官方例程 */
#if(TEST_NUM==1)
    demo_create();
#elif(TEST_NUM==2)
    lv_test_theme_1(lv_theme_night_init(210, NULL));
#else
    lv_test_theme_2();
#endif

    while (1)
    {
        lv_task_handler(); // lvgl loop function
    }
}

image-20211107184122889

image-20211107184313068

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

从事嵌入式开发