2024年4月27日发(作者：)

实验二（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所示。

教师信息录入

教师编号

教师姓名

家庭住址

教师编号

1

2

3

4

5

6

添加

保存删除

教师姓名性别年龄家庭住址

性别

年龄

图2-8 空间位置设置

（5）对窗口进行润色，增加背景颜色或改变字体颜色等操作。效果如图2-9所示。

图2-9 界面润色（课堂上要求同学们完成，提交）

（6）存储该窗口。

图2-10存储页面

三、 实验报告

实验报告内容需要包含：

1.实验目的

2.实验内容

（1）实验制作的模型。

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

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