实验二 Visio用户界面设计

实验二（3）用Microsoft Visio工具设计用户界面
一、实验目的
1.掌握Microsoft Visio的使用方法使用方法，熟悉其中的各种图表
2.学会利用Microsoft Visio来建立所需要的用户界面
二、实验内容
1. 设计用户界面
以教师管理系统为例，使用Microsoft Visio来创建教师信息录入窗口：
（1）选择图表类型
从开始菜单中选择程序——Microsoft Visio ，在文件菜单中选择新建，选择软件，选择Windows用户界面。

如图2-1所示。

图2-1 Visio文件菜单
（2）Windows 用户界面中控件的识别和基本操作
1.控件识别，如图2-2所示为Visio绘制用户界面常用控件。

图2-2 常用控件
2.调整显示比例，如图2-3所示。

图2-3 把屏幕的显示比例从42调整到150
3.控件选取，在左边的控件列表中选取所需控件，把它拖至页面中。

如图2-4、选择分组框、顶层菜单项、以及网格列。

图 2-4 选取控件
4.网格行列值的选取，如图2-5所示。

图2-5 设置网格
5.字体大小的设定，如图2-6所示。

图2-6 设置字体
（3）创建教师信息录入窗口
1.按上述实验步骤，选择所需要的用户界面，在这里，我们选择Windows用户界面。

2.调整页面大小，从42调整到150。

3.选择所需要的控件，把控件拖入页面中，并标明这个控件，如图3-7所示：
图2-7 教师信息录入窗口
教师信息主要包括教师姓名，职称编号，年龄，性别，家庭地址，联系方式等信息，我们把他们一一列入其中。

同时我们使用一张表格来具体显示存储并显示这些信息。

表中的命令按钮包括添加，保存和删除。

添加命令实现把录入的信息存如表格中，保存是把表格中的信息存入数据库，删除是把表格中的一行信息删除。

（4）调整个控件的位置，并进行必要的组合操作。

合并后的效果如图2-8所示。

教师姓名性别6
5
4
3
2
1
教师编号
年龄家庭住址保存删除添加教师信息录入
教师编号
教师姓名
性别年龄家庭住址
图2-8 空间位置设置
（5）对窗口进行润色，增加背景颜色或改变字体颜色等操作。

效果如图2-9所示。

图2-9 界面润色（课堂上要求同学们完成，提交）
（6）存储该窗口。

图2-10存储页面三、实验报告
实验报告内容需要包含：
1.实验目的
2.实验内容
（1）实验制作的模型。

（2）实验制作完成，将模型交给老师。

（3）实验总结、体会，完成实验报告。