工作系统表单UI界面设计
2019-07-09 本文已影响0人
阿虎不是虎
1、当一个表单数据字典设置好后,就可以对表单UI界面进行设计或修改排版布局了。
2、在打开某个表单前,先进入表单布局和设计模式,打开布局和设计模式方法,在主窗口顶部菜单《窗口》下点击《显示系统菜单>显示树目录形式的系统菜单,如下图所示
3、打开的树目录系统菜单如下图
4、在树目录中打开右键菜单,点击《打开/关闭设计布局模式》进入设计布局模式,如下图所示
5、打开设计布局模式后,可以打开某个表单进行UI设计或排版布局调整了,这里以打开《委外采购单》为例如下图
6、点击工具箱某个控件,如标签或文本框,然后点击放置面板上的空白位置 ,然后在面板就看到所放置的控件按钮了,如下图
7、在标签或输入框中双击或右键打开《数据表字段》窗口选择相应的字段即可,如下图
8、在控件中按下鼠标移动控件到合适的位置,调整好位置和长度等,使得排版布局简洁美观即可。
9、排版布局标准:
a、最左边标签文字对齐。
b、最右边输入框边框对齐
c、同一行标签和输入框中心线对齐,输入框上边框TOP值相同
d、输入框长度和字段录入内容相对应
10、表单UI设计调整好后,点击《其它》菜单下面的《保存表单》,然后重新登录打开表单后看到的就是新设计的表单界面了。
11、在标签或输入框中右键打开其它菜单,如删除控件,删除字典,调整控件的长度等等其它功能菜单。