软件说明

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

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

软件安装

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

GUI Designer软件入门教程插图1


图 0- 1 安装方式

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

GUI Designer软件入门教程插图3


图 0-2 快捷方式

新建,打开,保存工程

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

GUI Designer软件入门教程插图5


图 3- 1

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

GUI Designer软件入门教程插图7


图 3-2

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

GUI Designer软件入门教程插图9


编辑界面

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

GUI Designer软件入门教程插图11


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

GUI Designer软件入门教程插图13


4.3 控件排版
编辑好界面后,可用布局中功能对控件进行排版

GUI Designer软件入门教程插图15


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

GUI Designer软件入门教程插图17


4.5 变量添加
在菜单栏点击变量,可新增或者删除自定义变量,系统变量只能调用,不能新增 或者删除.

GUI Designer软件入门教程插图19


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

GUI Designer软件入门教程插图21


导出程序及升级

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

GUI Designer软件入门教程插图23


相关产品

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
分享本页
返回顶部