GUI Guider设计UI界面移植到STM32

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

GUI Guider设计UI界面移植到STM32

一、什么是GUI Guider

什么是 GUI-Guider? GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具,可以通过拖放控件的方式设计 LVGL GUI 页面,加速 GUI 的设计。 设计完成的 GUI 页面可以在 PC 上仿真运行,预览自己设计的UI界面。确认设计完毕之后可以生成 C 代码,再整合到 MCU 项目中。
软件下载地址:https://www.nxp.com.cn/
打开网址搜索GUI Guider选择适合自己的系统的版本。下载安装。

二、软件使用

打开软件
stm32 gui,LVGL,单片机,stm32,ui,单片机
stm32 gui,LVGL,单片机,stm32,ui,单片机
stm32 gui,LVGL,单片机,stm32,ui,单片机
stm32 gui,LVGL,单片机,stm32,ui,单片机
选择自己喜欢的图片,但是在选择图片时要注意图片大小,可以通过图片编辑工具调整图片大小已适应我们的屏幕大小。
运行仿真,选择C语言
仿真效果
stm32 gui,LVGL,单片机,stm32,ui,单片机
点击生成代码。

三、将代码整合到我们的工程

打开我们刚才的GUI工程目录,下面有一个 generated 文件夹,该文件夹就是我们所需要的,将generated整个文件夹复制到我们的STM32工程中的GUIAPP目录下。
接着打开keil工程在keil工程添加相关的.c源文件和.h头文件路径。
添加.c文件
stm32 gui,LVGL,单片机,stm32,ui,单片机
包含文件路径
stm32 gui,LVGL,单片机,stm32,ui,单片机
然后编译,可能会报错,双击第一条错误提示
stm32 gui,LVGL,单片机,stm32,ui,单片机
接着继续修改其他类似错误。再次编译可能会提示找不到 “lv_font.h” 头文件,记得我们之前在LVGL源码是遇到有这个,所以我们这里把GUI/src路径下的font文件夹路径包含进来。

再次编译,会提示找不到"custom.h"头文件,这里我们把它注释掉。最后编译通过。有时候到这一步会有 error: #8: missing closing quote 这样的错误提示,
解决办法就是:在KEIL中Options for Target ‘Flash’ -> C/C++ -> Misc Controls添加“–locale=english”。
stm32 gui,LVGL,单片机,stm32,ui,单片机
然后再main.c 源文件中添加相关的头文件和代码。
stm32 gui,LVGL,单片机,stm32,ui,单片机
编译下载到板子上,可以看到程序运行屏幕显示我们自己设计的UI界面。文章来源地址https://www.toymoban.com/news/detail-782250.html

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

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

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

相关文章

  • 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】-- 1、STM32 工程移植 LVGL

    目录 一、LVGL 简述 二、复制一个STM32工程 三、下载 LVGL 四、裁剪 源文件 五、工程添加 LVGL 文件  六、注册 显示 七、注册 触摸屏 八、LVGL 心跳、任务刷新 九、开跑 LVGL  十、控件的事件添加、响应处理 十 一、几个好玩小事情 十 二、显示中文 丰富且强大的模块化图形组

    2024年04月27日
    浏览(35)
  • stm32 移植 LVGL 基础工程

    注意:这里只是本人的一些学习心得,和对移植的理解,不明白之处还得去跟着官方教程学学! 开发板使用的是 stm32f103zet6 芯片 准备 LVGL 源码 8.3 版本 定时器实验 触摸屏实验(使用 3.5的 屏幕) 1、使用触摸屏实验为主体来配置文件 (1)把触摸屏实验改为 LVGL 移植实验 (

    2024年01月20日
    浏览(43)
  • LVGL触摸移植——stm32野火F103

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

    2024年02月11日
    浏览(47)
  • 07_瑞萨GUI(LVGL)移植实战教程之LVGL对接EC11旋转编码器驱动

    本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 本次实验我们向LVGL库中对接EC11旋转编码器驱动,让我们能通过EC11旋转编码器操作UI。 上次实验得出的工程我们可以通过复制在原有的基础上得到一个新的工程。 如果你不清楚复制工程的步骤,请参

    2024年02月09日
    浏览(43)
  • 04_瑞萨GUI(LVGL)移植实战教程之驱动LCD屏(SPI)

    本系列教程配套出有视频教程,观看地址:https://www.bilibili.com/video/BV1gV4y1e7Sg 本次实验我们在上一次实验的基础上驱动 LCD屏(SPI)。 上次实验我们已经能驱动触摸屏(I2C)并打印触摸点坐标,这次实验我们的目标是点亮LCD屏,向屏幕依次刷写红绿蓝三种不同的颜色,并在串口终端

    2024年02月09日
    浏览(32)
  • 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)
  • STM32移植LVGL8.0.2超详细的保姆级教程附移植好的工程文件

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

    2024年02月03日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包