[视频教程]用LPC54628在GUI Guider上实现智能家居演示
前两天为大家翻译了《LPC546xx GUI Guider 上的智能家居演示》我像大家应该都看到此文档为Guider的使用,以及如何做智能家居演示界面做了清晰的解释。今天为了让大家更清晰的学习到GUI Guider的使用,我们请到了我们论坛的博主:不写BUG的攻城狮-az158为大家带来这一期视频教程,手把手教学,慢慢的干货!
视频教学:
文档教学:
1.1 创建一个新的 GUI Guider 项目
要创建 GUI Guider 项目,请执行以下步骤:
1. 要启动 GUI Guider,请双击 GUI Guider<版本> 图标。
2. 要开始项目创建过程,请单击创建新项目按钮。
3. 选择 LVGL 版本为 v8,然后单击下一步按钮。
4. 选择 LPC54628 作为目标板模板,然后单击下一步按钮。
5. 选择一个空的应用程序模板 EmptyUI。
6. 进行项目设置,例如项目名称、项目位置、面板类型和颜色
深度。
7. 创建好的工程如图12所示。
1.2 添加 GUI 小部件并设置小部件属性
GUI Guider 支持将按钮、图像、图像按钮等小部件添加到通过拖放操作工作区。为了说明如何将小部件添加到工作区,
考虑添加一个图像按钮作为示例。要将小部件添加到工作区,请按照以下步骤操作:
1. 在Widgets选项卡的搜索框中输入imgbtn,然后将图片按钮拖到
工作区,如图 13 所示。
2.一旦图像按钮被放置在工作区中,设置图像的属性
按钮,如图 14 所示。
注意:对于需要图片路径的小部件,在为小部件指定图片之前,将需要的图片文件添加到导入文件夹中,如图15和图16所示
1.3 人机交互
不同的屏幕在多屏应用中表现出不同的功能。因此它是需要提供人机交互来执行屏幕切换或其他功能。人机交互可以通过向小部件添加事件来实现的图形用户界面。
考虑一个单击按钮从一个屏幕切换到另一个屏幕的示例介绍如何向小部件添加事件。智能家居演示的主屏幕有一个名为 Temp 的按钮。切换到TEMPERATURE 屏幕,必须点击屏幕上的 Temp 按钮
你学会了吗?赶快操练起来吧!
|