荣新強原创作品荣新強谈企业信息化

工作系统表单UI界面设计

2019-07-09  本文已影响0人  阿虎不是虎

1、当一个表单数据字典设置好后,就可以对表单UI界面进行设计或修改排版布局了。

2、在打开某个表单前,先进入表单布局和设计模式,打开布局和设计模式方法,在主窗口顶部菜单《窗口》下点击《显示系统菜单>显示树目录形式的系统菜单,如下图所示

       3、打开的树目录系统菜单如下图

       4、在树目录中打开右键菜单,点击《打开/关闭设计布局模式》进入设计布局模式,如下图所示

        5、打开设计布局模式后,可以打开某个表单进行UI设计或排版布局调整了,这里以打开《委外采购单》为例如下图

        6、点击工具箱某个控件,如标签或文本框,然后点击放置面板上的空白位置 ,然后在面板就看到所放置的控件按钮了,如下图

         7、在标签或输入框中双击或右键打开《数据表字段》窗口选择相应的字段即可,如下图

       8、在控件中按下鼠标移动控件到合适的位置,调整好位置和长度等,使得排版布局简洁美观即可。

       9、排版布局标准:

              a、最左边标签文字对齐。

              b、最右边输入框边框对齐

              c、同一行标签和输入框中心线对齐,输入框上边框TOP值相同

              d、输入框长度和字段录入内容相对应

     10、表单UI设计调整好后,点击《其它》菜单下面的《保存表单》,然后重新登录打开表单后看到的就是新设计的表单界面了。

     11、在标签或输入框中右键打开其它菜单,如删除控件,删除字典,调整控件的长度等等其它功能菜单。

上一篇 下一篇

猜你喜欢

热点阅读