顺德职业技术学院 要 用户界面设计3
顺德职业技术学院 1 用户界面设计3
顺德职业技术学晚 5.3菜单的制作及应用 5.3.1菜单的分类与菜单编辑器 5.3.2主菜单的制作与实现 5.3.3上下文菜单的制作与实现 2
顺德职业技术学院 2 5.3 菜单的制作及应用 5.3.1 菜单的分类与菜单编辑器 5.3.2 主菜单的制作与实现 5.3.3 上下文菜单的制作与实现
顺德职业技术学晚 5.3.1菜单的分类与菜单编辑器 0菜单的分类： 。位于应用程序顶部的主菜单MainMenu,它基本 上组合应用程序的所有功能。 0 当鼠标右击某个对象时弹出的称为上下文菜单 ContextMneu。 o制作主菜单使用MainMenu控件 o制作上下文菜单使用ContextMenu控件，然 后通过设置需要弹出菜单的控件（如 RichTextBox)的属性ConTextMenu即可。 3
顺德职业技术学院 3 5.3.1 菜单的分类与菜单编辑器 菜单的分类： ⚫ 位于应用程序顶部的主菜单MainMenu，它基本 上组合应用程序的所有功能。 ⚫ 当鼠标右击某个对象时弹出的称为上下文菜单 ContextMneu。 制作主菜单使用MainMenu控件 。 制作上下文菜单使用ContextMenu控件，然 后通过设置需要弹出菜单的控件（如 RichTextBox）的属性ConTextMenu 即可
顺德职业技术学晚 5.3.2主菜单的制作与实现 o例题5.13利用MainMenu设计主菜单，运行 效果参考图5.45所示。 日主菜单应用 ▣x 文件E) 编辑(E) 编辑(E) 撤销Ctr+Z 文件E 编辑(E) 重复R)Crl+Y 打开(@)… Ctrl+O 保存(S.,C+5 复制OCl+C 剪切①Ct+y 退出（☒ 粘贴(P)Ctrl+-V (b)“文件”菜单 (c)“编辑”菜单 4
顺德职业技术学院 4 5.3.2 主菜单的制作与实现 例题5.13 利用MainMenu设计主菜单，运行 效果参考图5.45所示
顺德职业技术学晚 5.3.3上下文菜单的制作与实现 例题5.14在例题5.13的基础上来设置上下文菜单，鼠标在 RichTextBox控件上右击时弹出上下文菜单。运行效果如图 5.54所示。 日上下文菜单应用 日▣☒ 文件)编辑但) 关于A) 撤销 重复 复制 剪切 粘贴 5
顺德职业技术学院 5 5.3.3 上下文菜单的制作与实现 例题5.14 在例题5.13的基础上来设置上下文菜单，鼠标在 RichTextBox控件上右击时弹出上下文菜单。运行效果如图 5.54所示
顺德职业技术学晚 5.4工具栏及应用 工具栏ToolBar是位于主菜单MainMenu菜单栏下面 的带有图标的按钮，图标是由ImageList控件提供的， 先设置好ImageList控件的存储图标的Images属性 集合后，再设置工具栏控件的ImageList属性，使工 具栏控件与ImageList控件关联，这样ToolBar就可 以使用ImageList提供的图标。 5.4.1 ImageList控件 5.4.2工具栏控件 5.4.3工具栏制作实例 6
顺德职业技术学院 6 5.4 工具栏及应用 工具栏ToolBar是位于主菜单MainMenu菜单栏下面 的带有图标的按钮，图标是由ImageList控件提供的， 先设置好ImageList控件的存储图标的Images属性 集合后，再设置工具栏控件的ImageList属性，使工 具栏控件与ImageList控件关联，这样ToolBar就可 以使用ImageList提供的图标。 5.4.1 ImageList控件 5.4.2 工具栏控件 5.4.3 工具栏制作实例
顺德职业技术学晚 5.4.1 ImageList控件 0 ImageList控件的作用就是为其它控件提供图形图像。 o主要属性： 。ImageSize一图像列表中各个图像的大小，包括Width和 Height两个分量，分别设置图像的宽度和高度，单位均为 像素。 ● Images-一存储在此ImageList中的图像，是一个集合。 o设置好ImageList控件的这些属性后，通常还需设置 其它控件如ToolBarl的ImageList属性，使之与此 ImageList控件关联起来。 7
顺德职业技术学院 7 5.4.1 ImageList控件 ImageList控件的作用就是为其它控件提供图形图像。 主要属性： ⚫ ImageSize——图像列表中各个图像的大小，包括Width和 Height两个分量，分别设置图像的宽度和高度，单位均为 像素。 ⚫ Images——存储在此ImageList中的图像，是一个集合。 设置好ImageList控件的这些属性后，通常还需设置 其它控件如ToolBar的ImageList属性，使之与此 ImageList控件关联起来
顺德职业技术学晚 5.4.2工具栏控件 工具栏中的按钮与应用程序菜单中的菜单项相对应，可以用它们来访问 应用程序最常用的功能和命令。工具栏中的每个Buttor对象可以拥有显 云的文本，或者C并直）拥有相关联的1 mageList控件提供的图象以及 提示文本。工具栏ToolBar把所有的工具栏上的按钮集中到一个 ToolBar:控件中，每个按钮实现不同的功能。 o主要属性： ● ImageList-一设置与之关联的ImageList控件，此控件提供工具栏的图像。 ● Buttons一组成此工具栏的ToolBarButton集合，此属性显示一个 ToolBarButton集合编辑器对话框，在ToolBarButton集合编辑器中可以 设置Text属性为莓个Button对象设置文本，设置ImageIndex属性设置图 像，设置ToolTipText属性设置鼠标经过时的提示文本。 o主要事件： ● Button Click一此事件是单击工具栏中任何一个按钮时触发的，由于工具 栏是个整体，为了区分是哪个按钮需要使用到本事件过程中的参数。 0 主要方法： 。Add和Remove一在运行时，可以用Add和Remove方法将按钮加入 Buttons集合或从中删除。 8
顺德职业技术学院 8 5.4.2 工具栏控件 工具栏中的按钮与应用程序菜单中的菜单项相对应，可以用它们来访问 应用程序最常用的功能和命令。工具栏中的每个Button对象可以拥有显 示的文本，或者（并且）拥有相关联的ImageList控件提供的图象以及 提示文本。工具栏ToolBar把所有的工具栏上的按钮集中到一个 ToolBar控件中，每个按钮实现不同的功能。 主要属性： ⚫ ImageList——设置与之关联的ImageList控件，此控件提供工具栏的图像。 ⚫ Buttons——组成此工具栏的ToolBarButton集合，此属性显示一个 ToolBarButton集合编辑器对话框，在ToolBarButton集合编辑器中可以 设置Text属性为每个Button对象设置文本，设置ImageIndex属性设置图 像，设置ToolTipText属性设置鼠标经过时的提示文本。 主要事件： ⚫ ButtonClick——此事件是单击工具栏中任何一个按钮时触发的，由于工具 栏是个整体，为了区分是哪个按钮需要使用到本事件过程中的参数e。 主要方法： ⚫ Add和Remove——在运行时，可以用Add和Remove方法将按钮加入 Buttons集合或从中删除
顺德职业技术学晚 5.4.3工具栏制作实例 0 例题5.15利用ImageList控件和ToolBar控件来制 作出工具栏应用程序，实现效果如图5.56所示。 工具栏ToolBarl应用 ▣☒ 名 色 打开 保存 复制 剪切粘贴 撤销 重复 粘贴字符串 RichTextBox1 9
顺德职业技术学院 9 5.4.3 工具栏制作实例 例题5.15 利用ImageList控件和ToolBar控件来制 作出工具栏应用程序，实现效果如图5.56所示
顺德职业技术学晚 5.5状态栏及应用 状态栏Status Bar显示在窗口的底部，用于程序的各种状态信息、。 0 StatusBar控件的基本组成单位是状态栏面板—StatusBarPanel,用 来显示状态的文本或图标，也可以用来显示指示进程正在执行的动画 图标等。 o StatusBarPanel的主要属性： ●AutoSize 确定面板的调整大小行 为。必须是StatusBarPanelAutoSize 枚举值之一 Alignment-一设置StatusBar控件内 面板的对齐方式。必须是 HorizontalAlignment枚举的值之一。 BorderStyle 一面板边缘处显示的边 框的类型。必须是 10
顺德职业技术学院 10 5.5 状态栏及应用 状态栏StatusBar显示在窗口的底部，用于程序的各种状态信息。 StatusBar控件的基本组成单位是状态栏面板——StatusBarPanel，用 来显示状态的文本或图标，也可以用来显示指示进程正在执行的动画 图标等。 StatusBarPanel的主要属性： ⚫ AutoSize——确定面板的调整大小行 为。必须是StatusBarPanelAutoSize 枚举值之一。 ⚫ Alignment——设置 StatusBar 控件内 面板的对齐方式。必须是 HorizontalAlignment 枚举的值之一。 ⚫ BorderStyle——面板边缘处显示的边 框的类型。必须是 StatusBarPanelBorderStyle 枚举的值 之一