首先将你LCD显示的模板工程复制到GUIguider工程目录中。 这里使用的LPC55S69。 打开keil工程先添加所有LVGL文件内源码。 然后添加lvgl的头文件路径。 然后从GUIguider工程目录lvgl-simulator文件夹下复制lv_conf.h文件到我们要移植的lpc55s69工程内。并添加到keil工程中,到时需要修改配置LVGL功能。 下面就移植对接LCD...
第一个页面screen增加一个按钮和一个label,字体如果没有自己增加的话则中文目前选择SourceHanSerifSC_Regular,否则仿真后运行显示的中文是乱码 选择按钮右键后选择事件添加,我们来添加切换界面的按钮点击事件 选择load screen,之后右边选择对应的界面的名称,还可以设置延时时间等 第二个界面也做类似第一个界面的功能,但是...
1、复制一份已移植好LVGL底层的 STM32 工程,作为Gui Guider移植的基础工程。 在第1篇LVGL学习中,我们已移植好了一个LVGL的STM32工程。 2、在STM32工程的 LVGL 目录下,新建文件夹 在LVGL 文件夹下,新建文件夹:myGUI。也可以使用自己喜欢的名称。 完成后,LVGL文件夹是这个样子的: 3、复制 Gui Guider 工程文件...
GUI Guider示例工程移植全志V3s中,运行流畅, 视频播放量 1417、弹幕量 0、点赞数 12、投硬币枚数 0、收藏人数 1、转发人数 0, 视频作者 阿程数采, 作者简介 小店:阿程数采(awbpi.taobao.com)邮箱:meetyoo93@163.com 某鱼:阿程数采,相关视频:全志V3s LVGL演示,7寸普
https://www.nxp.com/video/mcu-minute-gui-guider-overview:GUI_Guider_Overview GUI Guider是NXP提供的一种用户友好的图形用户界面开发工具,可通过开源LVGL图形库快速开发高质量的显示器。GUI Guider的拖放编辑器使您可以轻松利用LVGL的许多功能(例如小部件,动画和样式)来创建具有最少编码或根本不需要编码的GUI。
打开上面GUI-Guider的工程目录,custom和generated文件夹里面全部都是UI相关的文件,我们把这些文件移植到ESP32的工程里面即可。 在ESP32工程的src文件夹(也就是main.cpp所在目录),新建一个文件夹用来存放UI文件,名字随意(我这里命名为lvgl_ui)。 把上面说的custom和generated文件夹里面的文件全部放到ESP32工程这个新建的...
打开GUI Guider生成的工程文件夹， 将lvgl文件夹中的所有文件copy到f407zgt6文件夹的lvgl中：...
GUI Guider(Version: 1.0.0-GA)的主要特征: 支持Windows 10和Ubuntu 20.04。 支持中文、英文。 兼容LVGL V7.4.0版本。 支持拖放的所见即所得(WYSIWYG)用户界面设计。 多种字体支持及第三方字体导入。 可定制的中文字符范围。 小部件对齐方式:左、中、右。
点击创建项目后会弹出LVGL版本选择。NXP开发的gui guider中目前有两种LVGL版本,一个是V7.10.1,一个是V8.2.0,这两个版本。本文以V8.2.0为例。如下图: 3设备模板选择 选择Simulator,然后点击下一步。 4UI选择 因为我们是新建一个,所以选择emptyUI就好。然后点击下一步.如下图: ...
GUI Guider是由恩智浦为LVGL开发的一款GUI设计工具，通过拖放控件的方式加速GUI设计。设计完成的页面可在PC上仿真运行，确认无误后生成C代码，整合至MCU项目。GUI Guider主要特征包括：仿真运行设计的GUI页面生成可集成至MCU的C代码访问NXP官网软件中心下载GUI Guider，选择Windows10或Ubuntu版本。使用GUI ...