首页 > 代码库 > XForms设计器-----概述

XForms设计器-----概述

1. 概述

GForms Designer 是一款所见即所得设计工具,使用该工具您能够从选项选用板中拖放控件来构建展现页面。

GForms设计器支持中文及英文两种语言,具体所使用的语言由用户的电脑配置环境决定。

2. GForms透视图

为了更好的使用GForms设计器,请在打开Eclipse开发平台后,在右上角切换到GForms透视图:

clip_image0013_thumb2

请在透视图列表中选择“GForms”,将工作台切换到如下布局:

clip_image0032_thumb1

3. 创建

3.1. 创建GForms工程

在GForms视图下,可以直接通过菜单:FileànewàGForms工程,打开创建GForms工程向导:

clip_image0051_thumb1

或直接通过菜单:FileànewàProject,在弹出的创建工程向导中,选择“GForms”分类下的“GForms工程”:

clip_image0061_thumb1

在创建GForms工程的页面,录入工程名称即可,示例如下图:

clip_image0071_thumb1

使用建议

创建GForms工程时,为了节省时间,请按如下建议对Eclipse进行设置:

l 为了减少Eclipse检查验证javascript、css、图片等文件的过程,在Eclipse的菜单中:WindowsàPreference,在弹出的首选项配置中,找到validation配置页,勾选上阻止所有项的验证,如下图所示:

clip_image0091_thumb1

l 取消工程的自动编译功能,因为该功能将导致大量的编译,降低开发效率。

clip_image0101_thumb3

3.2. 创建GForms表单

在GForms视图下,可以直接通过菜单:FileànewàGForms文件,打开创建GForms文件向导:

clip_image0111_thumb1

或者,直接在需要创建GForms页的文件夹右键菜单选择New-àFile:

clip_image0131_thumb

4. GForms设计器

为了更好的使用GForms设计器,请在打开Eclipse开发平台后,在右上角切换到GForms透视图:

clip_image0151_thumb4

4.1. 控件面板

GForms平台所支持的所有的控件,包括17个核心控件(或基础控件)、8个容器控件、9个扩展控件及6个图形控件,同时还包括上下文菜单等控件类型。

可以选择任意一个控件图片,然后拖拽到右边的设计器区域,即可在设计器中添加控件。

使用提示:如果控件面板已经关闭,有两种方式打开控件面板:

方法一:则可以通过在Eclipse的菜单栏选择:WindowsàShow View,然后在弹出的视图对话框中选择Palette即可再次打开控件面板;

方法二:在设计器的右键菜单中选择“打开控件面板视图”。

4.2. 设计器区域

clip_image0171_thumb1

设计器包括5个标签页:

? 设计:UI设计界面。

clip_image0191_thumb2

? 辅助:上下文菜单及上传下载控件专用。

clip_image0201_thumb2

? 脚本

编写JavaScript脚本,支持着色、提示等功能:

clip_image0221_thumb2

? XML

XML编辑器,用于编辑当前GForms的配置信息或XML数据片段。

clip_image0241_thumb1

注意

  • 每个XML片段,必须提供一个当前页唯一的ID用于标识该XML片段,并且在javaScript视图中,可以通过XML的ID去访问或操作XML数据片段。
  • 每个XML片段的只能有且仅有一个根元素,并且需要存放到<xml id=”xxx”></xml>之内。 
  • 每次编辑xml片段时需要确保是合法的XML,否则gforms编辑器拒绝保存。

>预览

提供快速预览当前设计结果,默认使用的浏览器为Eclipse内置的IE浏览器,如果目标运行浏览器为其他浏览器,请在Eclipse之中进行浏览器设置。

设置浏览器方式为在菜单Windowsà首选项

clip_image0261_thumb1

请在进行浏览之前,把当前GForms应用部署到服务器上,如Tomcat或IBM Webshpere Application Server、weblogic等服务器之中,并在当前GForms应用的首选项中同步配置(应用发布及同步配置,请参考应用首选项配置使用手册)。

使用提示:

l GForms应用发布功能支持应用部署到本地服务器或远处服务器上。

l 预览时会直接把当前GForms表单发布到服务器。

l 除了在预览出检查开发结果,也可以在外部浏览器,如Firefox、Chrome、IE中查看开发结果(在预览页面右键选择属性即可查看访问URL路径)。

4.3. 设计器上下文菜单

设计器的包含丰富的右键菜单,方便开发人员快捷开发,用户选择不同的控件会有不同的右键菜单,其中在设计器的空白位置右键菜单如下图所示:

clip_image0271_thumb

除常规的编辑操作:剪切、拷贝、粘贴、重复、删除、重做、取消外,还有一些功能菜单项:

菜单项

功能说明

备注

分栏

将把当前右键菜单的控件横行或纵向分裂为两个

 

添加状态栏

每个GForms页面只能有一个状态栏

运行时可以通过API动态设置状态栏的内容

工具栏

每个GForms页面只能有一个工具栏

可以通过工具栏的子菜单项:添加项:在工具栏增加一个菜单项;

添加分割线:在工具栏添加一个竖线;

删除工具栏:删除所添加的工具栏

查看属性

查看所选择空间的属性,如果属性面板关闭则可以通过该功能打开属性配置视图

 

打开控件面板

打开或显示设计器的控件面板

 

4.4. 控件类型转换

为方便开发,GForms设计器提供了控件类型转换功能,可以方便的把某个控件转换为所需要的其他控件。

当选择某个具体的控件时,如Input输入框,其上下文菜单如下图所示:

clip_image0281_thumb1

“转换到”子菜单允许把当前所选择的控件转换为其他类型。

当选择是容器控件:group、groupbox、fieldset、重复容器、表格时:

clip_image0291_thumb1

如果转换为表格,则转换后的控件如下:

clip_image0301_thumb1

4.5. 工具栏

clip_image0311_thumb1

在设计器中,选择几个控件,然后可以通过工具栏提供的功能快速实现对其、大小配置、删除、复制、取消/重做功能。

 

联系方式

www.ghpaas.com

电话: 13601178468

Email: ghpaas@163.com

 

产品资料:百度网盘http://yun.baidu.com/s/1bnznec3#dir/path=%2Fghorse