大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家分享的是使用恩智浦GUIGuider快速创建全新LCD屏示例工程的步骤。 在痞子衡旧文《在i.MXRT1170上快速点亮一款全新LCD屏的方法与步骤》里,痞子衡介绍了在官方SDK裸机驱动elcdif示例工程基础上做修改以支持一款全新LCD屏的方法,那篇文章主要涉及得是对于LCD驱动IC的底层适配改动。今天我们在其基础之上尝试用恩智浦GUIGuider工具快速创建这款LCD屏(深圳柯达科电子生产的KD050FWFIA019-C019A)的LVGL框架下的示例工程。一、GUIGuider简介 LVGL是一个适用于各种嵌入式平台和显示器
Arduino应用开发——使用GUI-Guider制作LVGLUI并导入ESP32运行目录Arduino应用开发——使用GUI-Guider制作LVGLUI并导入ESP32运行前言1使用GUI-Guider设计UI1.1创建工程1.2设计UI2ESP工程导入UI2.1移植LVGL2.2移植UI文件2.3调用UI文件2.4烧录测试结束语前言GUIGuider是一个专门针对LVGL开发了一个上位机GUI设计工具,可以通过拖放控件的方式设计LVGLGUI页面,加速GUI的设计。设计完成的UI页面可以在PC上仿真运行,确认设计完毕之后可以生成C代码,再整合到MCU项目中。1使用GUI-Guider设计
【ESP32+LVGL】Vscode+platformio之GUI-Guider工程代码移植文章目录【ESP32+LVGL】Vscode+platformio之GUI-Guider工程代码移植所需组件一、GUI-Guider工程搭建并导出1.工程创建2.界面设计3.事件添加4.工程导出二、Platformio工程搭建三、库移植与配置1.lvgl库和触摸驱动库的移植与配置2.库文件配置3.GUI-Guide工程库移植四、代码测试所需组件ESP32开发板(本文以乐鑫系列ESP32-WROOM-32U为例,基本espressif系列的ESP32都行)ST7789+CST816驱动的触摸屏(这里以中景
使用GUIGuider工具在MCU上开发嵌入式GUI应用(1)-GUIGuider简介及安装受限于每篇文章最多只能贴9张图的限制,这个教程被拆分成了多篇文章连载发布,完整目录结构如下图x所示。后续会发布完整教程的pdf文件,敬请期待。图x完整教程文档的目录文章目录使用GUIGuider工具在MCU上开发嵌入式GUI应用(1)-GUIGuider简介及安装LVGL和GUIGuider简介准备带有显示屏的开发板在PC上安装GUIGuiderLVGL和GUIGuider简介LVGL是一个开源免费(MIT许可)的嵌入式GUI组件(https://lvgl.io/),支持触摸屏操作,移植简单方便,开发者
目录1.背景2.创建GUIguider工程和STM32代码工程3.期望目标4.GUIGuider增加按键和修改按键event4.1Button按键4.2Status按键4.3Back按键4.4编译代码和打开模拟器5.MDK工程修改5.1从GUIGuider拷贝代码到STM32工程5.2修改按键处理代码5.3修改Button对应Gauge的处理5.4编译代码并解决相关的错误1.背景MCU:STM32L475正点原子潘多拉STM32L4IoT开发板潘多拉IoT开发板—正点原子资料下载中心1.0.0文档http://www.openedv.com/docs/boards/iot/zdyz_pandu
GUIGuider设计UI界面移植到STM32一、什么是GUIGuider什么是GUI-Guider?GUIGuider是恩智浦为LVGL开发了一个上位机GUI设计工具,可以通过拖放控件的方式设计LVGLGUI页面,加速GUI的设计。设计完成的GUI页面可以在PC上仿真运行,预览自己设计的UI界面。确认设计完毕之后可以生成C代码,再整合到MCU项目中。软件下载地址:https://www.nxp.com.cn/打开网址搜索GUIGuider选择适合自己的系统的版本。下载安装。二、软件使用打开软件选择自己喜欢的图片,但是在选择图片时要注意图片大小,可以通过图片编辑工具调整图片大小已适应我们的屏幕
STM32F103ZET6——LVGL_GUI_GUIDER移植过程文章目录前言一、LVGL1.github找LVGL库2.硬件准备:STM32F103ZET6+2.8寸触摸屏3.软件准备:正点原子触摸屏例程4.移植LVGL二、GUI_GUIDER1.下载GUI_GUIDER2.创建文件(注意分辨率是240*320)三、GUI_GUIDER移植文件到keil51.找出GUI_GUIDER编译后的文件2.复制所需文件到keil53.keil添加.c和.h文件4.keil5代码增添总结前言STM32F103ZET6——LVGL_GUI_GUIDER移植过程使用工具:1.LVGL库8.022.GUI
LVGL是一个免费的开源嵌入式图形库,它提供创建嵌入式GUI所需的功能,具有易于使用的图形元素、精美的视觉效果和低内存占用。完整的图形框架包括供您在创建GUI时所用的各种小部件,并支持更高级的功能,例如动画和抗锯齿。一、工具:1.PC模拟器:SDL2SDL(SimpleDirectMediaLayer)是一套开源的跨平台多媒体开发库,使用C语言写成。它提供了绘制图像、播放声音、获取键盘输入等相关的API,大大降低多媒体应用开发难度的同时,也让开发者只要用相同或是相似的代码就可以开发出跨多个平台(Linux、Windows、MacOSX等)的应用软件。SDL2可以在PC上模拟UI效果,避免反复下
基于上一篇【LVGL】学习笔记--(1)Keil中嵌入式系统移植LVGL,已经成功地移植了LVGL到我们的嵌入式板子上,并配合磁控旋钮编码器(或者诸如触摸屏、按键、键盘等其他输入设备均可),实现了简单界面的显示工作。这一章将学习用GUIGuider设计界面以实现旋钮控制界面上控件的操作以及进行界面切换,在这个过程中体会GUIGuider的作用。一GUIGuider简介GUIGuider是恩智浦提供的用户友好型图形用户界面开发工具,可通过开源LVGL图形库快速开发高品质的显示。GUIGuider的拖放编辑器可以轻松利用LVGL的众多特性,如小部件、动画和样式来创建GUI,而只需少量代码或根本无需
写在前面,写这篇blog的目的也是为了提醒自己howto移植LVGL,所以写的不够好,也可能不是会很详细,大佬勿喷准备工作,下载lvgl源码,Github源码,很容易。一.GUIGuider的使用首先是GUIGuider的介绍GUIGuider是NXP公司开发的一个图形化软件,对于初学GUI或者写ui界面的小白们非常合适,也非常方便,现在就示例写一个demo 首先是初始化界面,在相应的位置填写相关信息(文件名,是否使用模板,以及数据位,最重要的是大小),这个显示的大小要和自己的显示屏配套才行,然后就可以进行后面的ui设计 图形化界面,完全通过拖拽去实现,写一个令自己满意的ui在系统设置里可以改