基于GUI-Guider的LVGL组件使用教程2：【跳转页，图标替换，滑动条与标签联动】

本节将展示使用GUI Guider实现切换显示页面功能。

lvgl 简单的界面移动模板。

目录结构清晰CMake 配置合理资源和依赖处理到位只要按照上述流程操作，移植过程会非常顺利。遇到问题多查日志和编译输出，基本都能快速定位和解决。ps：完整项目链接。

打开软件，创建一个新的工程，如下图所示： 点击创建项目后会弹出LVGL版本选择。NXP开发的gui guider中目前有两种LVGL版本，一个是V7.10.1，一个是V8.2.0，这两个版本。本文以V8.2.0为例。如下图： 选择Simulator，然后点击下一步。因为我们是新建一个，所以选择emptyUI就好。然后点击下一步.如下图： 创建成功后，打开就是这个样子： 如下图： 我们先拖拽一个button控件，放置到画布上。如下图： 我们拖拽完成后点击绿色按钮进行运行，绿色按钮按下会同时生成代码文件。有两种

GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具，可以通过拖放控件的方式设计LVGL GUI页面，加速GUI的设计。设计完成的GUI页面可以在PC上仿真运行，确认设计完毕之后可以生成C代码，再整合到MCU项目中。GUI Guider的主要特征：支持Windows 10和Ubuntu 20.04。支持中文、英文。兼容LVGL V7.4.0版本。支持拖放的所见即所得(WYSIWYG)用户界面设计。多种字体支持及第三方字体导入。可定制的中文字符范围。小部件对齐方式:左、中、右。

一. LVGL GUI窗口控件的概念 该窗口是由带有标题、按钮和内容区域的标题构建的类似容器的对象。 二. LVGL GUI窗口小部件和样式 主要部分是LV_WIN_PART_BG，它包含另外两个实部分: LV_WIN_PART_HEADER:顶部的一个头部容器，带有标题和控制按钮 LV_WIN_PART_CONTENT_SCRL页眉下面的内容的可滚动部分。 除此之外，LV_WIN_PART_CONTENT_SCRL还有一个称为LV_WIN_PART_CONTENT_SCRL的滚动条部分。有...

lvgl是一个免费的开放源代码图形库，提供创建具有易于使用的图形元素，再配合NXP提供的GUI-Guider软件，极大简化了嵌入式系统UI的设计。GUI Guider是恩智浦提供的用户友好型图形用户界面开发工具，可通过开源LVGL图形库快速开发高品质的显示。GUI Guider的拖放编辑器可以轻松利用LVGL的众多特性，如小部件、动画和样式来创建GUI，而只需少量代码或根本无需任何代码。单击按钮，您可以在模拟环境中运行应用或将其导出到目标项目。

我们来分析一下这两种情况，比如页面1有一个列表框，有三个选项，每个选项对应进入一个页面。假设此时我们的焦点落在第二个选项上，然后点击进入页面2，我们要是想返回，我们是希望焦点还是保留在列表的第二个选项上的。基于这种情况来说，我们希望能够在保留页面1的同时(同时也保留了焦点)，创建页面2并加载。同时对于页面2来说，只是想用户选择的时候再加载，每次进入都处于初始状态，所以在从页面2返回页面1时，我们会希望删除页面2，再创建页面1并加载。

GUI_GUIDER使用指南 GUI_GUIDER是NXP提供的一款用于LVGL设计的工具，通过图形化设计界面，可以轻松地将设计移植到LVGL中。本文档提供了GUI_GUIDER的详细使用教程，帮助用户快速上手并掌握其功能。 主要内容 GUI_GUIDER简介 GUI_GUIDER是NXP的一款用于LVGL设计的工具，支持图形化设计，移植到LVGL非常简单。 注意：每个版本的GUI_GUID...

LVGL8实现两个窗口的切换方式： 方法一：切换到窗口2时，删除窗口1的容器，这样可以删除窗口1下的所有子对象，这种方式适用于运存较小的设备 方法二：显示窗口1之前给窗口2的容器设置LV_OBJ_FLAG_HIDDEN隐藏属性，显示窗口2之前给窗口1的容器设置LV_OBJ_FLAG_HIDDEN隐藏属性 还是通过codeblock来模拟代码的运行，代码如下： #define HIDDEN_WIN (0) static lv_obj_t *win1_contanier = NULL; static

【代码】lvgl 页面左右滑动处理。

可以调用 lv_obj_del 函数，直接删除基础对象（父对象） ， 然后再创建新的界面。将界面隐藏起来，当用户使用此方法切换界面时，需要考虑内存溢出的隐患。当用户删除一个父对象时，它所有的子对象也会被一并删除。

Guider 和 LVGL（Light and Versatile Graphics Library）之间的关系主要体现在图形用户界面（GUI）设计和开发的上下文中。LVGL 是一个用于嵌入式系统的开源图形库，它提供了创建复杂且美观的图形界面所需的各种工具和组件。而 Guider 则是与 LVGL 相关联的一个图形界面设计工具，专门用来简化 LVGL 应用的设计过程。LVGL：作为核心，LVGL 提供了构建嵌入式系统图形界面的基础功能。

快速入门gui guider 助你开始开发LVGL