新手入门:导航

来自企业管理软件文档中心
2019年4月2日 (二) 16:10Carol讨论 | 贡献的版本

(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

什么是导航


  • 云表中的导航是以布局结构形式引导用户访问页面。当一个导航的结构设计清晰的话,在美化系统的同时,还有利于帮助用户在最短时间内进入所要执行操作的页面。
  • 将一些常用的操作放到一个页面,同时添加上丰富的元素,例如图片、按钮、复选框、标签、超链接、版本标签等,就可以形成一个导航。

如何建立导航


  • 建立导航分为两步,第一步设计导航界面,第二步设计导航操作。这两步缺少一步,导航都无法帮助用户访问目标页面。


  • 本节以建立“XXX公司系统”导航为例进行讲解。
建立导航,美化系统2019040201.png

设计导航界面

  • 1. 登录后进入下图所示的界面,然后点击工具栏的【新建导航】。
建立导航,美化系统2019040202.png

  • 2.进入“新建模板”的标签页,使用鼠标左键单击右侧“常用控件”中的控件后,不松手的状态下拖动到左侧设计面板中。选中需要设计的控件,在右侧“控件属性”中设置相关属性的参数。
建立导航,美化系统2019040203.png

  • 3.拖动“组合面板”控件到设计面板中,右侧“控件属性”的对齐选择“充满”。
建立导航,美化系统2019040204.png

  • 4.直接拖动2个“组合面板”控件到设计面板的任意位置,要隶属于“组合面板1”下,然后分别点击“组合面板2”、“组合面板3”,修改“对齐”属性均为“顶对齐”。
建立导航,美化系统2019040205.png

  • 5.拖动“文本框”控件到设计面板中的“组合面板2”的任意区域。设置属性“名称”为“XXX公司系统”,并设置相应的属性。单击属性“字体”的“+”,展开后可修改字体样式、大小以及颜色。
建立导航,美化系统2019040206.png

  • 6. 直接拖动5个“组合面板”控件到设计面板中的“组合面板3”的任意位置,要隶属于“组合面板3”下,接着修改相应的控件属性。
建立导航,美化系统2019040207.png

  • 7. “组合面板5”、“组合面板6”、“组合面板7”、“组合面板8”的控件属性“层”之所以要跟“组合面板4”设置为一样,是因为在“组合面板4”左对齐的基础上,保证充满剩余区域。


  • 8. 直接拖动4个“分页按钮”控件到设计面板中的“组合面板4”的任意位置,要隶属于“组合面板4”下,接着分别该4个“分页按钮”的“对齐”为“顶对齐”。
建立导航,美化系统2019040208.png

  • 9.“分页按钮”的控件属性“背景”以及“边框”均有“常亮”、“高亮”、“点击”、“选中”四种按钮状态的设置。“边框”的“宽度”需要设置相应的值,不然默认为“0”,无法显示边框。
建立导航,美化系统2019040209.png

  • 10.给每个“分页按钮”下各自添加“文本框”控件。修改控件属性“对齐”为“居中”,“字体”为“微软雅黑12号”以及“背景”的颜色。
建立导航,美化系统2019040210.png

  • 11. 单击“分页按钮”,在“控件属性”中勾选“选择”,就可以设计对应的面板,实现分页效果。修改已建立的“分页按钮”的“面板”属性:
  • (1)“分页按钮1”的“面板”为“组合面板5”;
  • (2)“分页按钮2”的“面板”为“组合面板6”;
  • (3)“分页按钮3”的“面板”为“组合面板7”;
  • (4)“分页按钮4”的“面板”为“组合面板8”。
建立导航,美化系统2019040211.png

  • 12.勾选“分页按钮1”的控件属性“选择”,在“组合面板5”内添加“按钮”,完善其控件属性。“宽度”、“高度”的参数是指这个“按钮”的大小,单位是像素。
建立导航,美化系统2019040212.png

  • 13.控件属性“锚定”中的参数值是指在上一层的控件中,相对于上、下、左、右的距离。如下图,表示在上一层的控件中,相对于上边缘、左边缘距离100像素,而距离下边缘以及右边缘为自动。
建立导航,美化系统2019040213.png

  • 14. 控件属性“背景”中的参数讲解:
  • (1)“常态”:按钮常态下的颜色;
  • (2)“高亮”:当鼠标移到按钮上时按钮的颜色;
  • (3)“点击”:当鼠标单击按钮时按钮的颜色。
建立导航,美化系统2019040214.png

  • 15.勾选“分页按钮2”的控件属性“选择”,在“组合面板6”内添加“按钮”,完善其控件属性。
建立导航,美化系统2019040215.png

  • 16. 勾选“分页按钮3”的控件属性“选择”,在“组合面板7”内添加“按钮”,完善其控件属性。
建立导航,美化系统2019040216.png

  • 17. 勾选“分页按钮4”的控件属性“选择”,在“组合面板8”内添加“按钮”,完善其控件属性。
建立导航,美化系统2019040217.png

  • 18.按照上面的方法,给各个组合面板中添加对应的“超链接标签”控件,修改相关的控件属性。属性“高亮字体”的参数设置是指当鼠标移动到该控件上时字体形态所需的改变。
建立导航,美化系统2019040218.png

  • 19. 单击【保存】,弹出“模板属性”对话框。一般将“默认模板”打勾,以便当用户打开文件夹时自动打开导航。
建立导航,美化系统2019040219.png

  • 20.回到系统登录后的主界面,分别单击“基本信息”分页按钮、“采购管理”分页按钮、“销售管理”分页按钮、“库存管理”分页按钮,右侧均进入对应的界面。

设计导航操作


  • 1.登入系统后,主界面变为导航界面。点击右上方的切换按钮,可以将导航模板切换成普通的模板。
建立导航,美化系统2019040220.png

  • 2.切换界面后,选择“公司系统导航”,单击【设计】按钮。
建立导航,美化系统2019040221.png

  • 3.常用的导航操作主要有“按钮单击”和“超链接单击”。点击“基本信息”分页按钮后的相关操作:
  • (1)“按钮单击”:单击【商品档案】按钮,进行新建表单操作;
  • (2)“超链接单击”:单击【商品档案】标签,进入“商品档案”的总表界面。


  • 4.进入导航的设计界面,单击【填表公式】。弹出“填表公式管理”对话框,在“按钮单击”事件中添加单击【商品档案】按钮后新建《商品档案》表单的公式。
建立导航,美化系统2019040222.png

  • 5.在“超链接标签单击”事件中添加单击“商品档案超链接标签”后打开“商品档案”总表的公式。
建立导航,美化系统2019040223.png

  • 6.设置好之后单击【确定】按钮,回到导航设计界面,单击【保存】。


  • 7.回到登入系统后的导航界面,选择【基本信息】,单击【商品档案】按钮,弹出“新建商品档案”窗口。
建立导航,美化系统2019040224.png

  • 8.单击“商品档案”标签,进入“商品档案”总表界面。
建立导航,美化系统2019040225.png

建立导航,美化系统2019040226.png