校园社交网站怎么做,制作网站的商家,旅游网站推荐排行榜,辽宁建设工程信息网官网 可登录中项网目录
概述
1 系统软硬件
1.1 软件版本信息
1.2 ST7796-LCD
1.3 MCU IO与LCD PIN对应关系
2 认识LVGL
2.1 LVGL官网
2.2 下载V8.4.0
3 移植LVGL
3.1 硬件驱动实现
3.2 添加LVGL库文件
3.3 移植和硬件相关的代码
3.3.1 驱动接口相关文件介绍
3.3.2 重新接口函数
3…目录
概述
1 系统软硬件
1.1 软件版本信息
1.2 ST7796-LCD
1.3 MCU IO与LCD PIN对应关系
2 认识LVGL
2.1 LVGL官网
2.2 下载V8.4.0
3 移植LVGL
3.1 硬件驱动实现
3.2 添加LVGL库文件
3.3 移植和硬件相关的代码
3.3.1 驱动接口相关文件介绍
3.3.2 重新接口函数
3.4 配置.h文件
3.5 Keil中配置源代码路径
4 文件架构编译配置
4.1 项目文件架构
4.2 编译配置
5 测试
5.1 测试代码实现
5.2 测试案例 测试视频 N32G45XVL-STB之移植LVGL(8.4.0) 概述
本文主要介绍在N32G45XVL-STB移植lvgl-8.4.0的详细步骤包括加载文件的方法Keil中加载文件目录和路径修改和LCD驱动层相关的接口keil中配置编译参数笔者使用LVGL提供的vgl-8.4.0\demos\stress案例验证移植的代码是否可以正常运行。
1 系统软硬件
1.1 软件版本信息
软硬件信息版本信息MCU类型N32G457VEL7KeilMDK ARM 5.38调试工具DAPCMSIS-DAP
1.2 ST7796-LCD
LCD的PIN引脚功能介绍
序号模块引脚引脚说明1VCC屏电源正2GND屏电源地3LCD_CS液晶屏片选控制信号低电平有效4LCD_RST液晶屏复位控制信号低电平复位5LCD_RS液晶屏命令/数据选择控制信号 高电平数据低电平命令 6SDI(MOSI)SPI总线写数据信号SD卡和液晶屏共用7SCKSPI总线时钟信号SD卡和液晶屏共用8LED液晶屏背光控制信号如需要控制请接引脚如不需要控制可以不接9SDO(MISO)SPI总线读数据信号SD卡和液晶屏共用10CTP_SCL电容触摸屏IIC总线时钟信号无触摸屏的模块不需连接11CTP_RST电容触摸屏复位控制信号低电平复位无触摸屏的模块不需连接12CTP_SDA电容触摸屏IIC总线数据信号无触摸屏的模块不需连接13CTP_INT电容触摸屏IIC总线触摸中断信号产生触摸时输入低电平到主控无触摸屏的模块不需连接14SD_CSSD卡片选控制信号低电平有效不使用SD卡功能可不接
实体LCD Port对应关系如下图所示 1.3 MCU IO与LCD PIN对应关系
N32G457VEL7 PIN引脚LCD PIN引脚PA.07MOSIPA.06MISOPA.05SCKPD.04CSPD.05RSTPD.06RS
2 认识LVGL
2.1 LVGL官网
LVGL是最流行的免费和开源嵌入式图形库可为任何MCU, MPU和显示类型创建漂亮的UI。基于这个特点其可以在一般的MCU上都能运行的本文选取芯片N32G457VEL7作为主控MCU,实现该UI库的移植。
官方网址LVGL — Light and Versatile Embedded Graphics Library
https://lvgl.io/
登录网址后可以看见如下页面目前最新版本已经升级到 LVGL v8.4 and v9.1 are released! 2.2 下载V8.4.0
软件下载链接如下
https://github.com/lvgl/lvgl/releases/tag/v8.4.0 下载完成代码后解压代码其文件结构如下 文件夹examples: 应用实例代码目录 文件夹src: lvgl的源代码目录 头文件 lvgl.h lvgl源代码引用文件 头文件lv_conf_template.h lvgl编译项目配置文件 3 移植LVGL
3.1 硬件驱动实现
在移植LVGL库之前必须保证LCD驱动已经触摸屏的相关驱动程序已经实现其实现案例参考笔者文章 N32G45XVL-STB之SPI接口驱动LCD-CSDN博客 N32G45XVL-STB之移植FT6336触摸屏芯片驱动-CSDN博客 3.2 添加LVGL库文件
1lvgl-8.4.0\src\core
添加该目录下的所有.c文件到工程目录中该目录下的文件包括 2 lvgl-8.4.0\src\draw
该目录下的文件包括两部分文件夹中的和绘图相关文件一级目录的通用.c文件
2.1 添加一级目录下的文件
添加如下文件到项目中 2.2二级目录下的文件
这两个文件夹下的.c文件必须加载到项目中 3lvgl-8.4.0\src\extra
添加如下一级目录和二级目录下所有的.c文件至项目 4 lvgl-8.4.0\src\font
添加如下所有.c文件至项目 5lvgl-8.4.0\src\hal
添加如下所有.c文件至项目 6lvgl-8.4.0\src\misc
添加如下所有.c文件至项目 7lvgl-8.4.0\src\widgets
添加如下所有.c文件至项目 3.3 移植和硬件相关的代码
3.3.1 驱动接口相关文件介绍
在\lvgl-8.4.0\examples\porting目录有3个.c文件 1LCD显示相关接口函数库 lv_port_disp_template.c 2) 触摸屏/按键相关函数库 lv_port_indev_template.c 3文件操作行管函数库 lv_port_fs_template.c 3.3.2 重新接口函数
1重写lv_port_disp_template.c
将 lv_port_disp_template.c 添加到项目重写干文件中的代码具体如下
/*** file lv_port_disp_templ.c**//* Includes ------------------------------------------------------------------*/
#include lv_port_disp_template.h
#include lvgl.h
#include lcd_drv.h/* Private includes ----------------------------------------------------------*/
#define MY_DISP_HOR_RES LCD_H
#define MY_DISP_VER_RES LCD_W /* Private function prototypes -----------------------------------------------*/
static void disp_init(void);
static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p);/* Private user code ---------------------------------------------------------*/
static void lcd_draw_fast_rgb_color(int16_t sx, int16_t sy,int16_t ex, int16_t ey, uint16_t *color)
{LCD_drawfast_RGB_color(sx, sy, ex, ey, color);
}static void disp_init(void)
{/*You code here*/LCD_Init();//LCD_direction(2);LCD_direction(1);LCD_Clear(WHITE);
}void lv_port_disp_init(void)
{static lv_disp_drv_t disp_drv; static lv_disp_draw_buf_t draw_buf_dsc_1;static lv_color_t buf_1[MY_DISP_VER_RES * 8]; disp_init();lv_disp_draw_buf_init(draw_buf_dsc_1, buf_1, NULL, MY_DISP_VER_RES * 8);lv_disp_drv_init(disp_drv);disp_drv.hor_res lcddev.width;disp_drv.ver_res lcddev.height;disp_drv.flush_cb disp_flush;disp_drv.draw_buf draw_buf_dsc_1;lv_disp_drv_register(disp_drv);
}static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)
{lcd_draw_fast_rgb_color(area-x1, area-y1, area-x2, area-y2, (uint16_t *)color_p);lv_disp_flush_ready(disp_drv);
}/* END of this file */
2重写lv_port_indev_template.c
将 lv_port_indev_template.c 添加到项目重写干文件中的代码具体如下
/*** file lv_port_indev_templ.c**//*Copy this file as lv_port_indev.c and set this value to 1 to enable content*//********************** INCLUDES*********************/
#include lv_port_indev_template.h
#include lvgl.h
#include usr_touch.h/* 触摸屏 */
static void touchpad_init(void);
static void touchpad_read(lv_indev_drv_t * indev_drv, lv_indev_data_t * data);
static bool touchpad_is_pressed(void);
static void touchpad_get_xy(lv_coord_t * x, lv_coord_t * y);lv_indev_t * indev_touchpad; // 触摸屏
stru_pos st_Pos;/*** brief 初始化并注册输入设备* param 无* retval 无*/
void lv_port_indev_init(void)
{static lv_indev_drv_t indev_drv;/*------------------* 触摸屏* -----------------*//* 初始化触摸屏(如果有) */touchpad_init();/* 注册触摸屏输入设备 */lv_indev_drv_init(indev_drv);indev_drv.type LV_INDEV_TYPE_POINTER;indev_drv.read_cb touchpad_read;indev_touchpad lv_indev_drv_register(indev_drv);
}/*********************** STATIC FUNCTIONS**********************//*------------------* 触摸屏* -----------------*//*** brief 初始化触摸屏* param 无* retval 无*/
static void touchpad_init(void)
{usr_touchInit();
}/*** brief 图形库的触摸屏读取回调函数* param indev_drv : 触摸屏设备* arg data : 输入设备数据结构体* retval 无*/
static void touchpad_read(lv_indev_drv_t * indev_drv, lv_indev_data_t * data)
{static lv_coord_t last_x 0;static lv_coord_t last_y 0;/* 保存按下的坐标和状态 */if(touchpad_is_pressed()){touchpad_get_xy(last_x, last_y);data-state LV_INDEV_STATE_PR;} else{data-state LV_INDEV_STATE_REL;}/* 设置最后按下的坐标 */data-point.x last_x;data-point.y last_y;
}/*** brief 获取触摸屏设备的状态* param 无* retval 返回触摸屏设备是否被按下*/
static bool touchpad_is_pressed(void)
{usr_ScanTouchProcess( st_Pos );if( st_Pos.status_bit.tpDown ){st_Pos.status_bit.tpDown 0;return true;}return false;
}/*** brief 在触摸屏被按下的时候读取 x、y 坐标* param x : x坐标的指针* arg y : y坐标的指针* retval 无*/
static void touchpad_get_xy(lv_coord_t * x, lv_coord_t * y)
{/*Your code comes here*/(*x) st_Pos.xpox[0];(*y) st_Pos.ypox[0];
}/* End of this file */
3.4 配置.h文件
在lvgl-8.4.0根目录下有两个.h文件其分别为 头文件 lvgl.h lvgl源代码引用文件 头文件lv_conf_template.h lvgl编译项目配置文件 修改lv_conf_template.h ----- lv_conf.h 实际项目中的文件名称如下 3.5 Keil中配置源代码路径
在keil中将lvgl源代码的路径配置到项目中方便编译。其具体配置如下 4 文件架构编译配置
4.1 项目文件架构
项目中和lvgl库相关的文件架构如下 4.2 编译配置
完成文件加载和路径配置后需要使能lvgl的源代码需要再lv_conf.h文件中作相关的修改修改方法如下 5 测试
5.1 测试代码实现
1初始化LVGL
在使用UI接口实现绘图功能之前必须初始化lvgl初始化接口函数如下 2) 刷新UI功能
完成代码加载到项目之后还需要在main.c函数调用两个函数lv_tick_inc和lv_task_handler()用于刷新UI和响应按键。具体方法如下 5.2 测试案例
使用lvgl-8.4.0\demos\stress下的测试案例进行LVGL功能测试 添加该文件到项目中 运行结果如下
