web界⾯左边菜单设计_⼯作系统表单UI界⾯设计
1、当⼀个表单数据字典设置好后,就可以对表单UI界⾯进⾏设计或修改排版布局了。
2、在打开某个表单前,先进⼊表单布局和设计模式,打开布局和设计模式⽅法,在主窗⼝顶部菜单《窗⼝》下点击《显⽰系统菜单>显⽰树⽬录形式的系统菜单,如下图所⽰
3、打开的树⽬录系统菜单如下图
4、在树⽬录中打开右键菜单,点击《打开/关闭设计布局模式》进⼊设计布局模式,如下图所⽰
5、打开设计布局模式后,可以打开某个表单进⾏UI设计或排版布局调整了,这⾥以打开《委外采购单》为例如下图
6、点击⼯具箱某个控件,如标签或⽂本框,然后点击放置⾯板上的空⽩位置 ,然后在⾯板就看到所放置的控件按钮了,如下图
7、在标签或输⼊框中双击或右键打开《数据表字段》窗⼝选择相应的字段即可,如下图美食食谱网页界面ui设计灵感
8、在控件中按下⿏标移动控件到合适的位置,调整好位置和长度等,使得排版布局简洁美观即可。
9、排版布局标准:
a、最左边标签⽂字对齐。
b、最右边输⼊框边框对齐
c、同⼀⾏标签和输⼊框中⼼线对齐,输⼊框上边框TOP值相同
d、输⼊框长度和字段录⼊内容相对应
10、表单UI设计调整好后,点击《其它》菜单下⾯的《保存表单》,然后重新登录打开表单后看到的就是新设计的表单界⾯了。
11、在标签或输⼊框中右键打开其它菜单,如删除控件,删除字典,调整控件的长度等等其它功能菜单。