6.4 画面设计介绍
6.4.1 画面设计样式
6.4.2 规格描述
程序与各个字段的规格描述
整体规格描述画面设计器下方区块的”规格整体描述”按钮，点击后即可于右方文字区域中输入此程序的规格。
整体规格描述分为 4 个区块：【规格整体描述】、【单头编辑规格描述】、【单身编辑规格描述】、【单身浏览规格描述】。
字段规格描述
点击任何一个控件(Text、ComboBox、Label、 Group、Button…)等，都可于左方的”属性窗格” -> “字段规格”中输入该字段的规格描述。
字段前的小图示说明：
：当 tzp 未上传之前，字段有做过任何规格属性变更时都会出现。
：字段有撰写规格描述。
：有输入规格描述，且规格属性有变更。
6.4.3 控件属性设定
5.4.3.1 ACTION 设定
画面设计器中的 Action 分为四种:
- Toolbar：置于作业画面上方的工具栏按钮。
- Top Menu：分为【整体 Action】、【单身浏览】、【单身编辑】。
- 画面 Button 控件：于画面中新增一个 Button 控件时，必须于相对应的 TopMenu 中再新增一个同名的
Action。
A.画面 ToolBar 设定
依据各个程序样版而有不同的 ToolBar 按钮，蓝色文字表示可以撰写规格，灰色文字表示为系统默认的按钮，不可变更。
按扭前方分别以 2 种颜色的图示代表该 Action 的生失效状态：
生效：作业执行时该按钮有作用。
失效：作业执行时该按钮无作用。
A. 画面 TopMenu 设定
作业中的 Action 分为【整体 Action】、【单头编辑】及每个单身(Table、Tree)的【单身编辑】、【单身浏览】。
编辑【整体 Action】、【单头编辑】步骤如下：
- 透过
新增 Action - 从”属性设定”窗格变更 Action 代号
- 透过 Action 名称修改显示的多语言
- 于”字段规格”文字框中撰写该 Action 规格。
新增 Action编辑每个单身(Table、Tree)的【单身编辑】、【单身浏览】步骤如下：
- 点击单身(Table、Tree)
- 在【单身编辑】、【单身浏览】中透过
新增 Action - 透过 Action 名称修改显示的多语言
- 于”字段规格”文字框中撰写该 Action 规格。
新增 Action鼠标移到该 Action 后，透过 
按钮即可将该 Action 删除。
5.4.3.2 树状结构设定
点击树状表格后，在属性窗格中的”Tree 数据源设定”中设定该树状表格的数据源。
5.4.3.3 参考字段设定
单头新增：从控件清单中点击”参考字段” 
，透过鼠标移至适当位置后点击左键。
单身新增：从 Table 标题栏按鼠标右键，从菜单中选择”Add Reference Field”。
新增参考字段后，需依据参考字段命名规格重新命名控件代号与内容。
5.4.3.4 多语言字段设定
单头新增：从控件列表中点击”多语言字段” 
，透过鼠标移至适当位置后点击左键完成新
增。
单身新增参考字段：从 Table 标题栏按鼠标右键，从菜单中选择
“Add Multi-Language Field”。
新增多语言字段后，需依据多语言字段命名规格重新命名控件代号与内容。
5.4.3.5 串查字段设定
控件清单中点击”串查字段” 
，透过鼠标移至适当位置后点击左键完成新增。
按 
新增串查设定，透过”串查程序编号”属性的开窗按钮 
，开启串查代号列表，直接鼠标左键双击 ID 字
段即可自动带入。
5.4.3.6 助记码设定
助记码设定仅限于 Edit 控件。
6.4.4 控件操作
- 新增控件
- 新增单头控件
輸入欄位如 Edit、ButtonEdit、ComboBox 等控件，新增時預設自動新增一個 Label 控件。
画面编辑器页签内，最上方的二排为控件列表，以鼠标点击控件列表中的任一控件图标后，鼠标会呈现该控件的预览图，在适当位置点击左键后即可将控件新增至画面中。
B. 新增单身控件
点击单身字段标题后，从鼠标右键选单中可选择”Insert Before”将控件新增至该字段之前，或是选择”Insert After”
将控件新增至该字段之后。
- 移动控件
- 移动单头控件
点击字段后，按住鼠标左键不放并移动鼠标，以拖拉方式移动字段，在适当位置放开鼠标左键，即完成移动。可 Ctrl + 鼠标左键多选字段后拖曳。
若要移动至其它页签时，将控件移至页签的标题上，即会自动切换至该页签。
注意事项：程序版型的限制，画面设计器暂时不可使用容器控件(Container)的移动、变更排列位置、删除等功能。
B. 移动单身控件
点击单身字段后，按住鼠标左键不放并拖曳该字段至适当位置后放开鼠标左键以完成单身的字段移动。
- 转换控件
- 转换单头控件
点击欲转换的字段并按鼠标右键开启选单，选择”Convert Widget”后，从子选单中选择欲转换的新控件类型。
B. 转换单身控件
点击欲转换的字段并按鼠标右键开启选单，选择”Convert Widget”后，从子选单中选择欲转换的新控件类型。转换后的控件属性，会因为控件属性的不同造成某些属性无法转换至新控件而遗失。
- 删除控件
- 删除单头控件
以鼠标左键选择欲删除的字段，或 Ctrl+鼠标左键点选多个后，直接按键盘上的 Del 键删除选取的字段。
B. 删除单身控件
选取单身字段后，在字段标题上按鼠标右键开启选单，选择”Delete”后即可删除选取的单身字段。
- 调整控件
- 对齐
多选控件后，鼠标右键开启选单
Align left：靠左对齐
Align right：靠右对齐
Stretch：等宽
B. 调整宽度、高度
单选控件时，依据控件类型不同，宽高的调整亦有限制。以下图为例，Image 及 TextEdit 可以调整宽高，但
ButtonEdit、Edit 等控件无法调整高度。
控件多选后，仅可统一调整右边的宽度。
若要同时调整多个控件的宽度，可使用下列小技巧：
1.多选要对齐的控件
2.靠左对齐
3.等宽
4.调整右方宽度
5.完成统一宽度及对齐
6.4.5 控件多语言设定
画面设计器中可设定多语言的控件属性分为：
text：Label、Page、Group、Button、串查字段
title：Table 字段、Tree 字段
以单头新增 Label 并设定 text 属性为例：
1、从控件清单中点击 Label 后，于画面适当位置按鼠标左键完成 Label 的新增
2、点击 label_2 字段
3、将 label_2 控件代号、text 改为 lbl_dzzg011，控件名称改为”传票编号”。
以单身新增字段并设定 title 为例：
1. 在单身中点选字段标题后按鼠标右键”Insert After”
2. 点选 Edit2 后，于属性窗格中设定”Table 代号”为 glbb_t 及”字段代号”为 glbb001
3. 将”控件属性设定”中的 title 属性改为 lbl_glbb001，多语言属性设定为”备注”
6.4.6 控件命名规范
- 一般控件(Label、Group、Page、Table…等)
- 一般输入字段如(Edit、ButtonEdit、ComboBox、DateEdit…)前的 Label，其控件代号与 text 为 lbl_ +
域名。
-
- Table、Tree 控件以 s_detail + 流水号命名。
- 容器控件的代号如 Page、Group、Folder 等，如无特别意义，则以控件类型 + 流水号即可，如 page1、group1。
- 参考字段
控件代号为前方域名 + _desc，如跟在 gzxa003 之后，则参考字段控件代号为 gzxa003_desc。
单身字段一般单身字段的 title 属性为 lbl_ + 域名，如 lbl_ooaa004。
浏览(s_browser)的字段 title 属性为 b_ + 域名如 b__name。