第九章 常用界面设计

Company Logo

9.1 9.1 菜单与工具栏菜单与工具栏

下拉式菜单系统的组成结构 ：

主菜单名

快捷键

访问键 ( 热键 )

下级子菜单标记

主菜单栏

分隔线

菜单项

子菜单名

确认标记

Company Logo

菜单编辑器的使用

工具／菜单编辑器 (Ctrl+E) ：打开菜单编辑器。

常用属性：

1. 标题 (Caption) 设置热键前面加 & ； 分割线以连字符 ( - ) 为标题

2. 名称 (Name)

3. 快捷键 (Shortcut) 菜单名没有快捷键

4. 复选 (Checked) TRUE 有

5. 有效 (Enabled) ：使菜单项模糊

6. 可见 (Visible) ：使菜单项消失

显示区

菜单项属性区

操作按钮

Company Logo

菜单

下拉式菜单1

弹出式菜单2

打开菜单打开菜单编辑器设编辑器设置各项菜置各项菜单项单项

建立建立窗体窗体

编写菜单编写菜单命令的事命令的事

件过程件过程

1 2 3

下拉式菜单1

弹出式菜单2

Company Logo

菜单

FontBoldFontBold 属性（粗体字） 属性（粗体字） FontItalicFontItalic 属性（斜体字）属性（斜体字）FontstrikethruFontstrikethru 属性（加删除线） 属性（加删除线） FontunderlineFontunderline 属性（加下划线）属性（加下划线）

字体类型：字体类型： [[ 窗体窗体 .][.][ 控件控件 .]|Printer.FontName[=“.]|Printer.FontName[=“ 字体类型”字体类型” ] ]

例如：例如： FontName="System" FontName="System"

字体大小：字体大小： Fontsize[=Fontsize[= 点数点数 ]]

例如：例如： Text1.FontSize = 12Text1.FontSize = 12

例 建立一个有菜单功能的文本编辑器。

补充：字形的主要属性

Company Logo

弹出菜单 ( 快捷菜单 )

弹出菜单是独立于窗体菜单栏而显示在窗体内的浮动菜单。显示位置取决于单击鼠标键时指针的位置。设计与普通菜单相同（如果不希望菜单出现在窗口的顶部，该菜单名 Visible 属性设置为 False ）。菜单弹出的方法： [ 对象 .]PopupMenu 菜单名 , 标志 , x, y 标志，表示弹出的位置和触发的键。

Sub Text1_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then If Button = 2 Then PopupMenu EditMenu, vbPopupMenuCenterAlignPopupMenu EditMenu, vbPopupMenuCenterAlign endifendifEnd Sub

例 弹出菜单。

Company Logo

工具栏

“ Microsoft Windows Common Controls 6.0” 将控件添加到工具箱，通过 ToolBar 、 ImageList 组合使用建立工具栏，步骤：

（ 1 ）在 ImageList 控件中添加所需的图像。 （ 2 ） 在 ToolBar 控件中创建 Button 对象。 （ 3 ）在 ButtonClick 事件中用 Select Case 语句对各按钮进行相应

的编程

Company Logo

一、在 ImageList 控件中添加图像 ImageList 图像列表控件不单独使用，专门为其他控件提供图像库。

索引（ Index ）

关键字（ Key ）

提供在 ToolBar 中的引用

图像文件的扩展名为：

.ico 、 .bmp 、 .gif 、 .jpg 等。

工具栏

Company Logo

二、在 ToolBar 控件中添加按钮 1. 为工具栏连接图像

ToolBar 与ImageList 的连接

工具栏样式

工具栏

Company Logo

2. 为工具栏增加按钮索引（ Index ）、关键字（ Key ）为每个按钮的编号、标识 , 在 ButtonClick 事件中引用；

图像 (Image) ImageList 对象中的图像，值可以是 Key 或

Index

样式 (Style) ，共 6 种

工具栏

Company Logo

三、 响应 ToolBar 控件事件 ToolBar 控件常用的事件： ButtonClick 。

（ 1 ）用索引 Index 确定按钮 (2) 用关键字 Key 确定按钮Private Sub Toolbar1_ButtonClick(Byval Button As ComctlLib.Button)

Select Case Button.Index Case 1 FileNewProc Case 2 FileOpenProc …… End Select

End Sub注意：第 1 个按钮的 Index 值为 1 。用 Index 还是用 Key 比较， Key 可读性好，可维护性好。

Select Case Button.Key Case "TNew" FileNewProc

Case "TOpen" FileOpenProc

.....

工具栏

Company Logo

1. 添加窗体 “ 工程 | 添加窗体”

新建

现存

添加“现存”窗体时要注意： 防止多个窗体的 Name 相同而不能添加； 添加的窗体实际是将其他工程中已有的窗体加入，多个工程共享窗体；通过“另存为”命令以不同的窗体文件名保存，断开共享。 2. 保存窗体 一个工程中有多个窗体，应分别取不同文件名保存在磁盘上， VBP 工程文件中记录了该工程的所有窗体文件名。

多重窗体

Company Logo

多重窗体3. 设置启动窗体

设置启动对象

4. 窗体语句 (1)Load 语句：装入窗体到内存但没有显示窗体

形式： Load 窗体名称(2)Unload 语句：从内存删除窗体

形式： Unload 窗体名称

“ 工程 / 属性” “启动对象”

Company Logo

5. 窗体方法 (1)Show 方法：显示一个窗体（当窗体没有 Load ，自动 Load ）

[ 窗体名称 ].Show [ 模式 ]

0 － Modal ：关闭才能对其他窗体进行操作。1 － Modeless ，可以对其他窗体进行操作。

(2)Hide 方法：隐藏窗体，没有 Unload 删除 [ 窗体名称 .] Hide

6. 不同窗体间数据的存取 (1) 存取控件的属性 另一窗体名 . 控件名 . 属性

(2) 存取变量的值 另一窗体名 . 全局变量名

Company Logo

例 输入和计算学习成绩。

模块：Public MATH As SinglePublic PHYSICS As SinglePublic CHEMISTRY As SinglePublic CHINESE As SinglePublic ENGLISH As Single

Company Logo

图形控件

8.4.3 Picture Box( 图形框 )

主要作用：显示图片、也可作为其他控件的容器，还可以显示用图形方法输出的图形或 print 方法输出的文本。装入图形：图形框对象 .Picture = LoadPicture(“ 图形文件名” )

删除图形：图形框对象 .Picture = LoadPicture( )

Autosize 属性设置为 True 时，图形框能自动调整大小与显示的图片匹配。

8.4.2 Image( 图像框 )图像框用于显示图片，在 Picture 属性中设置控件中要显示的图片。比图形框占用更少的内存块。但图像框内不能保存其他控件。Stretch 属性 =False ，图像框可自动改变大小，以适应其中的图形。Stretch 属性 =True ， 图形可自动调整尺寸，以适应图像框的大小。