SquareLine studio设计LVGL工程,移植到stm32的过程

这篇具有很好参考价值的文章主要介绍了SquareLine studio设计LVGL工程,移植到stm32的过程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        本文主要是给大家介绍一下如何将SquareLine studio设计的LVGL工程,移植到stm32的LCD液晶显示屏上。本文做好的移植模板在这(移植模板),模板可以直接在正点原子stm32f103ze系列板子上运行测试。显示屏使用的是4.3寸屏幕(像素800*480)

1、 准备好自己设计的LVGL工程

        ·以我自己设计的LVGL工程做的非常简单的一个示例:

1.1 配置好导出文件模式

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

1.2导出文件

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

        选择导出UI文件

2、准备移植STM32

2.1 查看自己的UI文件导出路径

        下图是导出的UI界面相关文件:

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

2.2 将ui界面文件移植到stm32工程

进入stm32工程文件:

图中:红框是我STM32工程文件总文件夹,黄框是我在图中的路径下面创建了一个新的ui文件夹,这个文件夹用来存放导出的ui文件。

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

将导出的ui文件,复制到黄框文件夹中,如下图:

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

3、利用keil5打开工程文件,然后进行修改

3.1 工程进行文件添加

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

        1、首先创建ui这个文件路径

        2、然后点击 Add Files

        3、将刚才复制到ui文件夹中的所有.c文件(包括子文件夹中的)全部进行添加。

3.2 工程进行文件进行路径添加

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

3.3 工程文件进行编译

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

        编译通过,没有错误。

        这个地方常见的报错,是字体错误,如果发现字体报错,可以进入lv_conf.h文件中对字体进行修改如下图所示:

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

         字体报错,多是因为你这里没有注释成1,所以根据对应报错的字体,然后改成1就行了。

3.4 main函数进行修改

        添加ui.h的头文件

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

        在main函数中进行ui初始化:

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机

4、程序烧录,进行验证

stm32ide lvgl的ui导出,stm32,嵌入式硬件,单片机文章来源地址https://www.toymoban.com/news/detail-768109.html

到了这里,关于SquareLine studio设计LVGL工程,移植到stm32的过程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • STM32移植LVGL8.0.2超详细的保姆级教程附移植好的工程文件

    网上教程那么多,为什么你要写这个教程? 问的好,csnd上很多类似的教程,他们写的都很好,但是有些过于简洁,对刚上手的小伙伴不太友好,移植到一半遇到bug就想放弃。一些第三方的教程很详细,但是由于lvgl的版本迭代很快,移植的过程有了一些变化,所谓失之毫厘差

    2024年02月03日
    浏览(43)
  • 【LVGL】STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功

    STM32F103ZET6——LVGL_GUI_GUIDER移植过程 STM32F103ZET6——LVGL_GUI_GUIDER移植过程 使用工具: 1.LVGL库8.02 2.GUI_GUIDER 3.keil5 设计出来的总体是这样 提示:以下是本篇文章正文内容,下面案例可供参考 这部分有很多大佬已经写的很成熟了,我就不赘述了 安装包在这里硬件资源 右上角可将

    2024年02月12日
    浏览(67)
  • 【LVGL学习笔记】(五)使用SquareLine Studio设计UI

    LVGL全程LittleVGL,是一个轻量化的,开源的,用于嵌入式GUI设计的图形库。并且配合LVGL模拟器,可以在电脑对界面进行编辑显示,测试通过后再移植进嵌入式设备中,实现高效的项目开发。 LVGL中文教程手册:极客笔记之LVGL教程 介绍: SquareLine Studio 是LVGL官方推荐的UI设计平台

    2024年02月03日
    浏览(38)
  • 【ESP-IDF】在squareline studio上设计GUI并移植到esp-box上

    因为 squareline studio 软件中适配了 ESP-BOX ,所以作者本想直接使用该软件创建的工程,但是会出现花屏的现象,也不知道是不是没有做好 esp-box-lite 的适配。 因此只能先用 squareline studio 设计好 GUI ,然后再导出其代码,在其他例程中进行移植工作。 这一步网上教程很多,本身

    2024年02月05日
    浏览(44)
  • STM32移植LVGL(LittleVGL)

    https://lvgl.io/ 这是LVGL的官网, http://lvgl.100ask.org/8.2/intro/index.html 这是lvgl的中文介绍网站。 先通过这两个网站大致了解一下lvgl,在后面移植时会有个大概了解,移植起来会更清晰易懂。 1、准备STM32工程 1、先准备所用到的屏幕的显示和触摸(有触摸功能的屏幕)的工程。我这

    2023年04月16日
    浏览(42)
  • LVGL触摸移植——stm32野火F103

    目录 系列文章目录 章目录 目标 一、认识端口文件 二、使能 lv_port_indev.c  三、接口函数 1.输入设备初始化 四、Main函数 五、过程中的疑难杂症 1.内存不足 2、LCD白屏 五、效果 总结 在显示的基础上添加触摸输入 提示:以下是本篇文章正文内容,下面案例可供参考 这两个是

    2024年02月11日
    浏览(47)
  • STM32移植LVGL+旋转编码器接口对接

    写在前面:本菜鸟结合了许多大佬的文章,成功实现了基于LVGL的GUI设计,小开心~浅浅记录一下!~ 本文以单片机STM32F103VET6为核心,利用ST7796芯片驱动分辨率为480*320的LCD液晶屏模块,移植LVGL,对接显示接口,对接外部接口——旋转编码器,完成以上两步,就可以实现LVGL的显

    2024年02月10日
    浏览(46)
  • STM32 RGB屏幕驱动+LVGL移植 从底层到应用小项目

    项目使用正点原子STM32F767阿波罗开发板+IPS TFT-LCD屏幕(非正点原子屏幕)进行开发,应用层移植轻量级GUI库LVGL实现列表按键点击,切换,显示当前内部工作电压功能。重点在于对于RGB屏幕驱动普适性的学习和LVGL开发的理解。希望我实习期间的项目学习过程能对大家有所帮助

    2024年02月15日
    浏览(36)
  • LVGL学习笔记(二):从0到1移植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 修改输入设备驱动接口  五:下载验证  六:工

    2024年02月03日
    浏览(49)
  • stm32f407移植LVGL8.3.1实况(所有bug调试现场,最终成功点灯)

    声明: 本文主要参考 stm32移植lvgl_NULL_1969的博客-CSDN博客_lvgl stm32 及 STM32移植LVGL8.0.2超详细的保姆级教程附移植好的工程文件 ,底层驱动主要采用正点原子触摸屏实验和定时器实验 1.1 主要硬件接口 1.1.1 触摸屏 主要需要触摸屏来实现屏幕的显示及触摸。 触摸屏需要底层的接

    2024年01月16日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包