LVGL学习笔记(二):完整教程-将LVGL8.1移植到STM32平台

目录

一:TFT-LCD屏触摸

二:STM32CubeMX配置

三:FT5206触摸芯片驱动代码移植

四:LVGL 移植

4.1 源码下载

4.2 代码移植

 4.3 添加源码至工程

4.4 指定头文件路径

4.5 设置编译参数

 4.6 修改LVGL源文件

  4.7 修改显示驱动接口

   4.8 修改输入设备驱动接口

 五:下载验证

 六:工程代码


· 废话不多说,有关电容屏的触摸原理,此文不作解释,自己去看

· 确定自己的触摸屏的驱动IC是什么型号的,找供应商要驱动源代码

· 我使用的是正点原子ALIENTEK 7’ TFTLCD 电容触摸屏,驱动IC为FT5206

一:TFT-LCD屏触摸

· 废话不多说,有关电容屏的触摸原理,此文不作解释,自己去看

· 确定自己的触摸屏的驱动IC是什么型号的,找供应商要驱动源代码

· 我使用的是正点原子ALIENTEK 7’ TFTLCD 电容触摸屏,驱动IC为FT5206

原理图

· 从图中可以看出, T_MOSI、T_MISO、T_SCK、T_CS 和 T_PEN 分别连接在
STM32F1 的:PF9、PB2、PB1、PF11 和 PF10 上,电容式触摸屏没有用到
T_MISO,而是用到四根线,分别是: T_PEN(CT_INT)、 T_CS(CT_RST)、
T_CLK(CT_SCL) 和T_MOSI(CT_SDA)。

· 其中:CT_INT、CT_RST、CT_SCL 和 CT_SDA 分别是 FT5206的:中断输出
信号、复位信号,IIC 的 SCL 和 SDA 信号(PS:为了节省CPU开支,可以
使用外部中断的方式判断屏幕是否被触摸,具体设置方式,此文不作介绍)

二:STM32CubeMX配置

· 打开我们上节配置的CubeMx工程

· 软件模拟IIC

· 配置以下4个引脚

 · 检查引脚无误后,生成代码,编译后无问题,开始移植触摸芯片代码

三:FT5206触摸芯片驱动代码移植

· 我使用的正点原子的屏幕,所以我直接移植正点原子编写的FT5206驱动代码

· 如果你们用的是其它厂商的代码,直接问他们要触摸芯片的驱动代码就行了

· 以下移植步骤局限于正点原子的屏幕

· 将此文件夹,复制至自己的工程文件下

· 添加 .c和 .h文件

. 我的触摸芯片是FT5206,所以加入这几个源文件即可

. 把所有.c 文件中的printf函数屏蔽掉,因为我们这里是没有开启串口,会导致程序卡死!!!!!!!!!!

· 把正点原子触摸屏实验下的sys文件拷贝至自己的工程文件,并添加.c 和 .h文件

· 打开lcd.h 头文件,屏蔽#include "stm32f103xe.h",添加sys.h

· 打开sys.h 头文件,添加stm32f103xe.h头文件

 · 打开ctiic.c,屏蔽CT_IIC_Init()函数里的内容,并屏蔽delay.h,添加tim.h

· 打开ft5206.c,增加tim.h,屏蔽usart.h,delay.h

· 屏蔽FT5206_Init(void)函数以下内容

· 打开touch.c文件,把电阻屏用到的相关接口屏蔽掉

 

 

 

· TP_Init(void)函数,只留下以下部分,其余屏蔽掉

 · 打开main.c,添加touch.h头文件

 · 在main函数添加以下三个函数的全部内容

· 移植完成后、编译、烧录

· 触摸效果展示

四:LVGL 移植

4.1 源码下载

  • Github仓库:http:/github.com/lvgl/lvgl
  • 4.2 代码移植

    · 在自己的工程文件下新建两个文件夹 GUI 和 GUI_APP

     

    在GUI目录下新建两个文件夹 lvgl 和lvgl_port

    · 将LVGL源码目录下的src文件夹以及 lvgl.h 头文件拷贝至工程文件GUI/lvgl目录下

    · 把lvgl源码根目录下的lv_conf_template.h 拷贝至工程文件下GUI根目录下,
       并且去掉_template

     4.3 添加源码至工程

    在MDK里面新建以下这两个文件

            

     在GUI/lvgl组中添加以下文件夹中所有的.c文件:

    GUI/lvgl/src/lv_core
    GUI/lvgl/src/lv_draw
    GUI/lvgl/src/lv_extra(除了lib外,除非你用到了相关功能)
    GUI/lvgl/src/lv_font
    GUI/lvgl/src/lv_hal
    GUI/lvgl/src/lv_misc
    GUI/lvgl/src/lv_themes
    GUI/lvgl/src/lv_widgets
    //注意不要添加 GUI/lvgl/src/lv_gpu 中的文件,除非你用到了相关功能
    

    在GUI/lvgl_port组中添加以下.c文件:

    GUI/lvgl_port/lv_port_disp.c
    GUI/lvgl_port/lv_port_indev.c
    //注意不要添加 GUI/lvgl_port/lv_port_fs.c 中的文件,除非你用到了相关功能

    4.4 指定头文件路径

    LVGL 的源码已经添加到开发环境的组文件夹下面,编译的时候需要为这些源文件指定头文件的路径,不然编译会报错。只需要将 GUIGUI/lvglGUI/lvgl_port 的路径在开发环境里面指定即可。

    4.5 设置编译参数

    LVGL要求 C99 或更新的编译器,否则编译是会报错的。

     4.6 修改LVGL源文件

    · 打开lv_conf.h 头文件,将第15行改为1
    · 第27行是颜色设置,如果是单色屏的话就改为1

     · 内存设置
    给LVGL分配动态内存RAM的大小,至少需要2k,资源允许的情况下可以稍微设大些,这个设置过小的话,在跑一些稍微复杂的demo时界面就会刷不出来。

     · 底层设置

    · 第88行,如果LV_TICK_CUSTOM == 0,可以用lv_tick_inc()提供时钟节拍,也就是将
      lv_tick_inc(1)放在我们上节开启的定时器6中断里调用即可
    
    · 如果LV_TICK_CUSTOM == 1,就无须在应用程序中主动调用 lv_tick_inc(x) 函数,而是需要定义一个 获取当前系统已运行时间的函数(例如HAL_GetTick())
     
    · 第90行就是提供时钟节拍函数所在的头文件
    
    · 第91行就是提供时钟节拍的函数
    
    · 我这里直接使用sys_tick为LVGL提供时钟节拍
    
    · 第96行用来调节界面缩放比例的,此值越大,控件分布的就越散,控件自身的间隔也会
      变大。可根据实际情况进行更改,例如128x128分辨率1.44英寸的屏幕,那么 DPI = ((√128*128) / 1.44) ≈ 89

      4.7 修改显示驱动接口

            打开lv_port_disp.c

    · 将第7行修为1
    
    · 第12行去掉_template
    
    · 第19 20行定义屏幕像素高度

    · 第54行,可以将屏幕的显示驱动初始化接口放进disp_init()函数,该函数在下方定义
      我这里是没有放进去,直接在main函数哪里初始化了,看个人需求,我比较懒!

    · 显示缓冲区初始化有三种方式,这里使用的是方式1,方式1消耗的硬件资源最小,但运行效果也是最差的,三种方式如下
    
    · 第一种只创建一个缓存区,长度是横轴像素长度的 10 倍
    
    · 第二种创建两个缓存区,长度都是横轴的 10 倍,可以结合 DMA 加快写入速度
    
    · 第三种则是创建两个,大小是横轴乘以纵轴,相当于整个屏幕大小

    · 第108、109行修改为上方屏幕分辨率的宏定义

    · 修改 disp_flush() 函数,将自己显示屏对应的填充颜色块函数放到这里,这个函数是用来刷新显示区域的,速度越快越好

    红色标注部分的函数也就是以单个像素点填充屏幕的函数

       4.8 修改输入设备驱动接口

            打开lv_port_disp.c

    · 第7行修改为1
    
    · 第12行去掉_template
    
    · 第14行增加touch.h头文件

    · 找到lv_port_indev_init(void)函数
    
    · 将屏幕触摸驱动接口初始化放进touchpad_init();
    
    · touchpad_init();在下方有定义,我这里就不放了,因为在main函数已经初始化了,我比较懒

    ·  注册一个输入设备,输入设备可以是触摸屏、鼠标、键盘、编码器、按键,这里我们只使用触摸屏,第99行往后的代码全部注释。

     · 修改touchpad_read函数

    · 以下代码局限于正点原子的板子,具体写法参考你所用的板子

    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;
    }

     · 打开lv_port_indev.h

       使能文件及声明函数

      · 打开main.c

    #include "lv_port_disp.h"
    #include "lv_port_indev.h"
    #include "lvgl.h"

    lv_port_disp_init();       
    lv_port_indev_init();       
    lvgl_first_demo_start();
    
    
    tp_dev.scan(0);
    lv_timer_handler();

    · 第272行是屏幕触摸扫描函数

     五:下载验证

    video(11)

     六:工程代码

    链接:https://pan.baidu.com/s/1HjQSt3Lb4xQe9VRjZbPcSQ 
    提取码:h1xu

    物联沃分享整理
    物联沃-IOTWORD物联网 » LVGL学习笔记(二):完整教程-将LVGL8.1移植到STM32平台

    发表评论