GUI Designer软件入门Tutorial

freefree技术Resources

这篇内容可直接阅读,适合用于基础学习和Search引流。

GUI Designer软件入门Tutorial缩略图
🌐 This page is not yet available in English. Showing the Chinese version. Back to Chinese page.
软件说明

1.1 软件介绍
GUI Designer 软件配合同立嵌入式开发平台设备同步使用,实现 0 代码可 视化Edit设备 UI 界面及协议。
通过 GUI Designer 软件,可Edit嵌入式设备 GUI 所有界面,如控件布局、 图片和文字等,以及控件拖动和Delete,新建窗口与控件,以及模拟运行。
本软件可供非专业软件开发人员使用,但需要一定的逻辑思维及理科基础。

1.2 安装环境
system: Windows 7 Windows 8 Windows 10 。
电脑需要的软件: Microsoft Excel

软件安装

2.1 软件的安装
本Document以 GUI_Designer 为例,介绍安装过程,以及使用方法
(1) 双击打开 GUI_Designer.exe 安装包根据提示进行安装,如图 0-1 所示

GUI Designer软件入门Tutorial插图


图 0- 1 安装方式

(2) 在桌面上可以看到该软件的快捷方式,后续直接双击可打开软件

GUI Designer软件入门Tutorial插图1


图 0-2 快捷方式

新建,打开,保存工程

3.1 新建工程
双击桌面快捷图标打开 GUI Designer,在主界面点击新建,在弹出的Customization设 备窗口设置好对应硬件参数(相应参数在对应的硬件说明书里查询).如图 3- 1,设 置好后点击Confirm即进入Edit界面.

GUI Designer软件入门Tutorial插图2


图 3- 1

3.2 打开工程
在主界面点击打开,在弹出窗口找到并选择需要打开的后缀为.prjx 的工程文 件,点击打开即进入原工程Edit界面.如图 3-2.

GUI Designer软件入门Tutorial插图3


图 3-2

3.3 保存工程
在菜单栏点击工程可另存工程,在弹出框可选择保存位置以及命名工程,名称 无限制, 中英文皆可.

GUI Designer软件入门Tutorial插图4


Edit界面

4.1 Edit界面
在常用控件或者Tools箱可以新建窗口,添加控件,并会在控件树显示.先单击控 件选定,在窗口内点击鼠标左键即可添加,点击鼠标右键或者指针模式可回到指针 模式.

GUI Designer软件入门Tutorial插图5


4.2 Edit控件
在控件树或者窗口用鼠标左键选中控制后,可在属性窗口对控件的属性,事件, 变量进行Operation.

GUI Designer软件入门Tutorial插图6


4.3 控件排版
Edit好界面后,可用布局中Function对控件进行排版

GUI Designer软件入门Tutorial插图7


4.4 资源添加
在菜单栏点击资源,可导入需要使用的图片以及字体, 因 FLASH 资源有限,按 需添加,否则可能工程超过 FLASH 大小而无法导入,如需中文输入法需勾选 CJK 汉字

GUI Designer软件入门Tutorial插图8


4.5 变量添加
在菜单栏点击变量,可新增或者DeleteCustomization变量,system变量只能调用,不能新增 或者Delete.

GUI Designer软件入门Tutorial插图9


4.6 项目设置
在菜单栏点击项目,可对初始化, 多语言,协议,system进行设置,按请自己需要设 置好Related参数.

GUI Designer软件入门Tutorial插图10


export程序及升级

5.1 export升级包
在菜单栏点击工程,选择export升级包,在弹出窗口选择好存储位置以及命名,名 称可以按自己需求进行中英文命名.
export升级包后拷入TF 卡(TF 必须为FAT32 format且TF 卡中只能有一个升级包), 将 TF 卡在关机状态下插机设备,通电即可升级,升级Complete后取出 TF 卡.

GUI Designer软件入门Tutorial插图11


来源/Tools信息 —— 点击展开
来源 Modbus Chinese Network(modbus.cn) —— China leadingModbus通信协议技术社区 Category GVS 触控屏 / 触控屏开发Document 字数 1080 字 · 阅读约 3 分钟 更新 2026-07-01 永久链接 https://www.modbus.cn/12500.html
Recommended Tool: Modbus Debug Assistant WeChat Mini Program
Modbus Chinese Network官方推出的Modbus DebuggingTools,支持 Modbus RTU/TCP 实时通信debug、register读写、线圈控制、data监控和message分析。 无需安装,微信Search「Modbus DebuggingAssistant」即可使用。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
RelatedTags
把这篇Resources用于真实项目?

进入Tools中心进行messageParse、CRC verification和设备debug,或Submit requirements获取选型与接入建议。

工程师member

把这篇文章变成可执行的debugResources

开通后可使用高级messageParse、Resources包Download、Code Example、工程案例和优先Technical Support,适合真实项目交付。

高级Tools不限次
Resources包与代码包
Complete Engineering Case Library
优先Technical Support入口

发表回复

您的邮箱address不会被公开。 必填项已用 * 标注