【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功

STM32F103ZET6——LVGL_GUI_GUIDER移植过程

文章目录

  • 前言
  • 一、LVGL
    • 1.github找LVGL库
    • 2.硬件准备:STM32F103ZET6+2.8寸触摸屏
    • 3.软件准备:正点原子触摸屏例程
    • 4.移植LVGL
  • 二、GUI_GUIDER
    • 1.下载GUI_GUIDER
    • 2.创建文件(注意分辨率是240*320)
  • 三、GUI_GUIDER移植文件到keil5
    • 1.找出GUI_GUIDER编译后的文件
    • 2.复制所需文件到keil5
    • 3.keil添加.c和.h文件
    • 4.keil5代码增添
  • 总结


前言

STM32F103ZET6——LVGL_GUI_GUIDER移植过程

使用工具:
1.LVGL库8.02
2.GUI_GUIDER
3.keil5

设计出来的总体是这样

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第1张图片


提示:以下是本篇文章正文内容,下面案例可供参考

一、LVGL

1.github找LVGL库

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第2张图片

2.硬件准备:STM32F103ZET6+2.8寸触摸屏

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第3张图片

3.软件准备:正点原子触摸屏例程

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第4张图片

4.移植LVGL

这部分有很多大佬已经写的很成熟了,我就不赘述了


二、GUI_GUIDER

1.下载GUI_GUIDER

安装包在这里硬件资源

2.创建文件(注意分辨率是240*320)

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第5张图片

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第6张图片
【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第7张图片

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第8张图片
右上角可将英文调成中文。
【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第9张图片
右上角编译后,文件一般在C盘,对应着信息栏去找到编译后的文件。

三、GUI_GUIDER移植文件到keil5

1.找出GUI_GUIDER编译后的文件

【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第10张图片

2.复制所需文件到keil5

就这俩,其他不用碰。
请添加图片描述
复制粘贴到keil5的STM32文件【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第11张图片

3.keil添加.c和.h文件

.c文件
大家因为UI不一样,所以.c和.h文件多少不一样,但是添加的位置一样,将刚刚的两个文件所有的.c文件添加到同一个文件,我创建的是LVGL_APP.。【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第12张图片.h文件。同样,将所有两个文件中的.h文件添加路径,以供调用。【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功_第13张图片

4.keil5代码增添

下面头文件 插入到main函数

#include "events_init.h"
#include "gui_guider.h"

下面代码 插入到int main()函数之前

lv_ui guider_ui;

下面代码 插入到int main()函数之中,while(1)循环之前

setup_ui(&guider_ui);
events_init(&guider_ui);

至此,所有步骤完成,编译代码,烧录到单片机即可。

总结

GUI_GUIDER安装包在这里点击这里
LVGL开源网址点击这里
STM32F103ZET6源代码(HEX文件!兼容正点原子开发板)点击这里

本文仅仅简单介绍了STM32F103ZET6——LVGL_GUI_GUIDER移植过程,评论区欢迎讨论。

你可能感兴趣的:(stm32,单片机,嵌入式硬件)