GUI Designer软件入门教程

GUI Designer软件入门教程概述

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 所示

图 0- 1 安装方式

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

图 0-2 快捷方式

3.3保存工程在菜单栏点击工程

新建,打开,保存工程

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

图 3- 1

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

图 3-2

4.5变量添加在菜单栏点击变量

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

编辑界面

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

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

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

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

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

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

导出程序及升级

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