第九章 菜单与工具栏设计
教学课件第9章菜单和工具栏
显示弹出式菜单
• PopupMenu方法
格式：
[对象名.]PopupMenu 主菜单项名 “对象名”是弹出式菜单的窗体名。
“对象名”省略时代表当前窗体。 其功能是在窗体的鼠标所在位置显示弹出
式菜单。
弹出式菜单示例
【例】为上例增加弹出式菜单，当用户用鼠标右键单击窗体 时，显示字体效果菜单。
使用ImageList控件管理按钮图片
• 在“关键字”中的字符串是每个图像唯一的 名称，访问某个图像既可以使用图像的索引 号，也可以使用关键字（便于记忆）；
ToolBar与ImageList建立关联
Toolbar控件只有与ImageList关联后，才 能使用其中的图像。有两种方法：
• Toolbar 控件的“属性页”中的“图象列表” 组合框列出了窗体中所有的ImageList控件名 称，选中需要的那个ImageList控件
• 对于剪切和复制菜单来说，应该根据文本框中 是否有文本被选择来决定菜单是否生效，该功 能 由 子 程 序 SetEnabledValue 来 负 责 。 在 按 下 编辑菜单时决定子菜单的有效性。
' 按下编辑菜单
Private Sub mnuEdit_Click() ' 设置剪切和复制菜单的有效性 If Text1.SelLength <> 0 Then '判断是否有选择文本
' 粗体菜单被按下
Private Sub mnuFontBold_Click()
PrmivnauteFsounbtBmolndu.Cfohnetcuknedde=rliNneo_t cmlincku(F)ontBold.Checked
《菜单和工具栏》课件
菜单和工具栏的设计原则：简洁、直观、 易于操作
实例2：Adobe Photoshop的工具栏，使 用图标和颜色进行区分，易于识别和使用
设计技巧：使用图标、颜色、字体等元 素进行区分和引导
实例3：Google Chrome的浏览器工 具栏，简洁直观，易于操作
实例1：Microsoft Office的Ribbon菜 单，将功能分类，易于查找和使用
,
汇报人：
CONTENTS
添加目录标题
菜单栏
工具栏
菜单和工具栏 的关联与区别
菜单和工具栏 的设计原则与 技巧
PART ONE
PART TWO
文件菜单：用 编辑菜单：用
于打开、保存、 于复制、粘贴、
打印等文件操 剪切等编辑操
作
作
视图菜单：用 于调整视图、 显示比例等操
作
插入菜单：用 于插入图片、 表格、形状等
“关闭工具栏”即可
隐藏工具栏：点击工具栏上的“隐藏”按钮，或者使用快捷键Ctrl+F1
显示工具栏：点击工具栏上的“显示”按钮，或者使用快捷键Ctrl+F1
自定义工具栏：用户可以根据自己的需求，自定义工具栏上的按钮和功能
工具栏的锁定与解锁：用户可以锁定工具栏，防止意外移动或删除；也可以解锁工具栏，以便 进行自定义和调整。
交互性：菜单和工具栏的设 计应具有交互性，让用户能 够与软件进行有效的互动。
创新性：菜单和工具栏的设 计应具有创新性，让用户在 使用过程中感到新颖和惊喜。
汇报人：
右侧等
菜单栏样式： 用户可以选择 菜单栏的样式， 如颜色、字体、
大小等
快捷键：用户 可以为菜单项 设置快捷键， 方便快速操作
隐藏菜单栏：点击菜单栏右上角的“隐藏” 按钮，或按快捷键Ctrl+F10
第九章菜单设计与应用
典型的菜单系统一般是一个下拉式菜单， 由一个条形菜单和一组弹出式菜单组成。其 中条形菜单作为主菜单，弹出式菜单作为子 菜单。当选择一个条形菜单选项时，激活相 应的弹出式菜单。 快捷菜单一般由一个或一组上下级的弹 出式菜单组成。 二、菜单的使用 无论是哪种类型的菜单，当选择其中某个 选项时都会有一定的动作。这个动作可以是下 面三种情况中的一种：执行一条命令、执行一 个过程和激活另一个菜单。
(1)“菜单名称”列 ①菜单名称：用来输入菜单项的名称，用 于显示。 ②访问键：VFP允许用户在菜单项名称中 为该菜单项定义访问键。方法是在要定义 的字符之前加上“\<”。 (2)结果列 该列用于指定当用户选择该菜单项时的 动作。
①命令：为菜单项定义一条命令，菜单项 的动作即是执行用户定义的命令。 ②过程：为菜单项定义一个过程，菜单项 的动作即是执行用户定义的过程。定义时， 选择了过程，组合框右侧会出现创建或编 辑按钮（建立时显示创建，修改时显示编 辑），单击相应按钮在出现的编辑窗口编 辑内容。 ③子菜单：定义当前菜单项的子菜单。 定义时，选择了子菜单后，组合框右侧会
三、生成菜单程序 单击“文件”“保存”，菜单定义被保 存在 扩展名为.mnx的文件，同时生成扩展.mnt 的文件。 单击“菜单”“生成”指定生成的菜单 程 序文件名及保存位置 四、运行菜单程序
说明：菜单程序文件的扩展名不能省略 (2)单击“程序””运行” 例9.1 利用菜单设计器建立一个菜单TJ_MENU3， 效果如图9.5所示。要求如下： (1)主菜单（条形菜单）的菜单项包括“统计”的功能是统计各门课程的平均成绩， 统计结果包含“课程名”和“平均成绩”两 个字段，并将统计结果按课程名升序保存在 表NEW_TABLE32中。
①快捷键的设置：“键标签”文本框用于设置 菜单项的快捷键。快捷键是菜单项右面标识 的组合键。 定义方法：单击键标签文本框按下要定义 的组合键。快捷键通常是Ctrl或Alt键与另一个 字符键的组合。 取消方法：单击键标签文本框按空格键。 ②设定浅色菜单：跳过文本框用于设置菜单或 菜单项的跳过条件，用户可在其中键入条件 表达式。菜单运行时，表达式值为.T.时菜单 项将以浅色显示，不可选用。
第9章 菜单和工具栏设计
(3) 编写事件代码。
Private Sub Toolbar1_ButtonClick(ByVal Button As MSComctlLib.Button) Select Case Button.Index Case 1 Text1.FontBold = True Case 2 Text1.FontItalic = True Case 3 Text1.FontUnderline = True End Select End Sub
Private Sub HScroll1_Change() HScroll1.Max = 200 HScroll1.Min = 1 HScroll1.SmallChange = 1 rgeChange = 5 Text1.Text = HScroll1.Value End Sub
9.1.3 弹出式菜单的程序设计
设计弹出式菜单的步骤可以分为两步： (1) 使用菜单编辑器建立菜单，此步骤与前 面介绍的建立下拉菜单的方法一样，只是必须把 主菜单的“可见”栏Visible属性设置为False， 其子菜单项的Visible属性不要设置为False。 (2) 利用窗体的PopupMenu方法显示弹出式 菜单。
(2) 设置对象属性。
对 象 属 性 32 4 0 255 255 依次为：红、绿、蓝 利用滚动条控制色彩 属 性 值
返回目录
9.2 工具栏设计
9.2.1 手工方式设计工具栏 手工制作工具栏的一般步骤和注意事项： (1) 在窗体界面上，添加一个图片框，将该图片框作为工具按 钮的容器。 (2) 设置图片框的Align属性以便控制工具栏（图片框）在窗体 中的位置。当改变窗体的大小时，图片框（Align属性值非0）会自 动地改变大小以适应窗体的宽度或高度。 (3) 选定图片框，在图片框中添加需在工具栏中显示的控件。 通常使用的控件有：命令按钮、图形方式的单选按钮和复选框按钮、 下拉列表框等。 (4) 设置控件属性。通常在工具按钮上通过不同的图像来表示 对应的功能，还可以设置按钮的ToolTipText属性为工具按钮添加 工具提示。 (5) 编写代码。由于工具按钮通常用于提供对其他（菜单）命 令的快捷访问，所以一般都是在其Click事件代码中调用对应的菜单 命令。
《菜单与对话框》PPT课件
框中。如图9-13添加了五个图形 “new”、“open”、”save”、”copy”、”exit”，设置它们的索引 值分别为1,2,3,4,5.
4)选中ToolBar1控件单击右键，在快捷菜单中选择最后一项“属性”. .将“图像列表”选项设置为 Imagelist1表是ToolBar1控件的图形来自于Imagelist1控件。
l 关键字(Key)：:表示每个按钮的标识名。
l
图像(Image)：:在做图形按钮时，每个按钮对应的ImageList对象中的图像，
它的值可以是图像控件中图形的Key或Index值。
l
值(Value)：表示按钮的状态。其取值有两种：按下(tbrPressed)和未按下
(tbUnpressed)，当样式值取1或2时有用。
精选课件ppt
24
4)选中ToolBar1控件单击右键，在快捷菜单中选择最后一项“属性”. 将“图像列表”选项设置为Imagelist1表是ToolBar1控件的图形来自于Imagelist1控件。
精选课件ppt
25
ImageList控件的主要属性：
索引(Index)：个表示每个图像的编号，对应于工具栏个每个按钮属性页 中的图像属性选项。
1)在工具箱里中单击ImageList控件将它拖到窗体中的任何位置。(位置不重要，因为它运行时 是不可见的)。
2) 在ImageList控件图标图上右击，选择快捷菜单中“属性”命令，打开ImageList属性页窗口 设置ImageList控件属性窗口中“通用”标签中的单选按钮16×l 6，确定图像的大小。选择“图像”
vf09第九章 菜单设计与应用
2011-5-9
目录
上一页
下一页
退出
14
（3）单击“定制”按钮，打开“定制工具栏”对话框，如图10-9 所示。在“分类”列表框选择某类工具栏，“按钮”栏显示相关 的所有按钮；
图10-8 工具栏
2011-5-9
目录 上一页
图10-9 定制工具栏
下一页 退出
15
(4) 定制设置工具栏。 (5) 工具栏定制完成，单击“关闭”按钮。 2. 创建新的工具栏 可以为Visual FoxPro创建新的系统工具栏，操作步骤 如下： (1) 单击 “新建”按钮，打开 “新工具栏”对话框； (2) 输入新工具栏名称如“我的工具栏”，单击“确定” 按钮； (3) 屏幕出现新建的“我的工具栏”工具栏（没有一个 按钮），同时打开“定制工具栏”对话框；
图 10-4 菜单设计器选项按钮
2011-5-9
目录 上一页 下一页 退出
7
图 10-5 提示选项对话框
2011-5-9
目录 上一页 下一页单名称”列上输入 “ \- ”两个字符，如图10-6所示:
图10-6 分隔线的设置
2011-5-9
目录
上一页
下一页
退出
2011-5-9
目录 上一页 下一页 退出
13
第五节 工具栏
在许多应用软件中都有自己的工具栏。设置工具栏的主 要目的是为方便用户操作。 1．定制系统工具栏 ． 定制系统工具栏的操作步骤： （1）打开需定制设置的系统工具栏，如“报表设计器” 工具栏； （2）单击【显示】|【工具栏】菜单项，打开“工具栏” 对话框，如图10-8所示。
11
(4)生成菜单程序。 打开“菜单”菜单项的下拉菜单，选择“生成”命令， 在 “保存菜单为”输入框中输入文件名，单击“保存”按钮。 在 “生成菜单”对话框中选择“生成”按钮，就会生成菜单 程序。 (5)在对象（例如：表单）的RightClick中编写方法程序 DO 快捷菜单文件名.MPR . && 文件名的扩展名.mpr不能省略，当单击鼠标右 键时执行快捷菜单
第9章 菜单设计与应用
第九章菜单设计与应用一、【教学目标】了解菜单结构了解系统菜单构成掌握菜单设计的基本过程掌握定义菜单的方法掌握用编程方式定义菜单的命令掌握为顶层表单添加菜单的方法掌握快捷菜单设计的基本步骤二、【教学内容】Visual foxpro系统菜单下拉菜单设计快捷菜单的设计三、【重点和难点】重点掌握下拉式菜单和快捷菜单的创建步骤和使用方法难点掌握下拉式菜单和快捷菜单的创建步骤和使用方法四、【教学要点】一个应用程序一般以菜单的形成列出其具有的功能，而用户则通过菜单调用应用程序的各种功能。
本章首先介绍visual foxpro系统菜单的基本情况，然后介绍如何配置与定制系统菜单、如何设计下拉式菜单和快捷菜单。
1、visual foxpro系统菜单利用系统菜单是用户调用visual foxpro系统功能的一种方式或途径。
而了解visual foxpro系统菜单的结构、特点和行为，则是设计用户自己的菜单系统的基础。
⑴菜单结构visual foxpro支持两种类型的菜单：条形菜单和弹出式菜单。
每一个条形菜单都有一个内部名字和一组菜单选项，每个菜单选项都有一个名称（标题）和内部名字。
每一个弹出式菜单出有一个内部名字和一组菜单选项，每个菜单选项则有一个名称（标题）和选项序号。
菜单项的名称显示屏幕供用户识别，菜单及菜单项的内部名字或选项序号则用于在代码中引用。
每一个菜单选项都可以选择地设置一个热键和一个快捷键。
热键通常是一个字符，当菜单激活时，可以按菜单项的热键快速选择该菜单项。
快捷键通常是ctrl键和另一个字符键组成的组合键。
不管菜单是否激活，都可以通过快捷键选择相应的菜单选项。
无论是哪种类型的菜单，当选择其中某个选项时都会有一定的动作。
这个动作可以是下面三种情况中的一种：执行一条命令、执行一个过程和激活另一个菜单。
典型的菜单系统一般是一个下拉式菜单，由一个条形菜单和一组弹出式菜单组成。
其中条形菜单作为主菜单，弹出式菜单作为子菜单。
VB菜单、工具栏、菜单栏设计
03 提供足够的自定义选项，以满足不同用户的个性 化需求。
优化界面布局和交互方式
01
合理安排界面元素的位置和大小，使其符合用户的视觉习惯。
02
简化操作流程，减少不必要的步骤和点击次数。
提供清晰的视觉反馈，如按钮点击效果、动态加载指示等，以
03
03
菜单栏设计
菜单栏的布局
水平布局
将菜单项水平排列，适合于较长的菜单项名称。
垂直布局
将菜单项垂直排列，适合于较短的菜单项名称。
分组布局
将相关联的菜单项分组，便于用户快速找到所需功能。
菜单栏的设计原则
简洁明了
菜单项名称应简短、清晰，避免使用过于专 业的术语。
层次分明
菜单项应按照功能分类，形成清晰的层次结 构。
VB菜单、工具栏、菜 单栏设计
目录
• VB菜单设计 • 工具栏设计 • 菜单栏设计 • VB界面设计中的注意事项 • VB界面设计实例分析
01
VB菜单设计
菜单的类型
下拉菜单
下拉菜单是常见的菜单类型，用户点击菜单 项后，会弹出下拉列表供用户选择。
弹出菜单
弹出菜单通常在用户右键点击时出现，提供 一些常用的功能或操作。
02
工具栏设计
工具栏的种类
主工具栏
包含常用命令的综合性工具栏，方便 用户快速访问常用功能。
自定义工具栏
用户可以根据自己的需求创建自定义 工具栏，添加或删除按钮，以适应特 定工作流程。
浮动工具栏
可移动到屏幕任意位置的工具栏，方 便用户在不同区域使用。
停靠工具栏
可以自动停靠在窗体边缘的工具栏， 便于用户快速访问常用命令。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第九章菜单与工具栏设计
9.1 菜单系统规划
1. 设计原则
（1）根据用户任务组织菜单系统
（2）给每个菜单和菜单选项设置一个意义明了的标题
（3）按照估计的菜单项使用频率、逻辑顺序或字母顺序组织菜单项
（4）在菜单项的逻辑组之间放置分隔线
（5）给每个菜单和菜单选项设置热键或键盘快捷键
（6）将菜单上菜单项的数目限制在一个屏幕之内，如果超过了一屏，则应为其中一些菜单项创建子菜单。
（7）在菜单项中混合使用大小写字母，只有强调时才全部使用大写字母。
2. 设计步骤
（1）菜单系统规划
（2）建立菜单和子菜单
（3）将任务分派到菜单系统中
（4）生成菜单程序
（5）测试并运行菜单系统
9.2 创建菜单
1. 菜单设计器简介
[图例]
2. 用菜单设计器创建菜单
打开文件菜单→新建→菜单→新文件→在菜单设计器中逐项设计所需菜单(或选择菜单中的快速菜单，生成通用的菜单)→预览→确定→关闭菜单设计器→给出文件名及保存位置→从菜单菜单中选择生成…→在对话框中单击生成（可更改菜单程序文件的文件名和保存位置再生成）。
菜单设计器关闭后，系统产生两个文件:
菜单定义文件扩展名为.MNX
菜单备注文件扩展名为.MNT
从菜单菜单中选择生成后, 系统自动生成同名的菜单程序文件, 扩展名为.MPR
3. 用命令创建菜单
命令格式: CREATE MENU[<菜单文件名> | ?]
功能:打开菜单设计器进行菜单设计
4. 运行菜单程序
设计好菜单并生成菜单程序文件后, 即可从程序菜单中选执行…来执行此程序。
或从命令窗口中输入:DO菜单文件名.MPR
运行菜单程序文件后, 系统又产生一个同名的编译后的程序文件, 扩展名为.MPX
5. 创建快捷菜单
单击文件菜单中的新建→选择菜单、新文件→选择快捷菜单→进入快捷菜单设计器→按设计一般菜单相同的方式设计快捷菜单→生成并保存→在表单设计器中给调用此快捷菜单的控件编写代码：DO快捷菜单名.MPR→运行表单即可看到快捷菜单的作用。
6. 创建SDI菜单
单击文件菜单中的新建→选择菜单、新文件→选择菜单→进入菜单设计器→按设计
一般菜单相同的方式设计SDI菜单→从显示菜单中选择常规选项→在常规选项对话框中将顶层表单前的复选框勾上→生成并保存→在表单设计器中给调用此SDI菜单的表单的INIT事件编写代码：DO SDI菜单名.MPR WITH THIS，.T.→将表单的ShowWindow属性设置为2→运行表单即可看到SDI菜单的作用。
9.3 创建自定义工具栏
1.用类设计器定义工具栏类
单击文件菜单中的新建→选择类、新文件→给出自定义工具栏类名、基于toolbar、类库名→在类设计器中，将所需的命令按钮和分隔符依次添加到自定义工具栏上→在属性窗口中为每个按钮选择Picture和ToolTipText→双击各按钮→在代码窗口为各按钮的Click事件添加实现各项功能所需的代码→关闭窗口保存。
2. 用编程方式定义工具栏类
单击文件菜单新建→选择程序、新文件→在程序编辑窗口中用DEFINE命令定义工具栏类，用ADD OBJECT命令添加对象，用PROCEDURE事件名命令为该事件名定义方法程序。
3. 为单集添加工具栏类表
单击文件菜单新建→选择表单、新文件→单击表单控件上的查看类按钮→打开自定义类库→单击表单控件上的自定义工具栏类按钮→在表单上单击并在对话框中选择确定→自定义工具栏类被加到表单集中→运行表单集。