第5章—制作莱单— 第5章制作菜单 本章主要介绍应用程序菜单的制 作,并举出一个记事本的例子,介绍 判断语句,以及介绍选择语句和循环 语句。 本章学习内容 51菜单的简单建立 55定位弹出菜单 52菜单的属性 56托盘式菜单 53如何引用菜单项编程 57菜单中的热键与分隔符 54弹出式菜单 58课后练习-双语菜单制作 般应用程序都带有一个组织分工明确的菜单。 制作菜单需要在窗口中使用鼠标右键弹出编辑菜单的命令,当输入菜 单内容后,才可以在窗口上方显示菜单,但菜单也有它的事件,也有它的 属性,因此,我们也将菜单作为一个控件来介绍 一般的应用程序都会有“菜单”和“菜单工具栏”,比如易语言的操 作界面就有“文件”、“编辑”、“查看”和“插入”等菜单。建立菜单可以 精简程序界面。 下面就通过建立一个记事本的菜单来学习吧
97 本章主要介绍应用程序菜单的制 作，并举出一个记事本的例子，介绍 判断语句，以及介绍选择语句和循环 语句。 一般应用程序都带有一个组织分工明确的菜单。 制作菜单需要在窗口中使用鼠标右键弹出编辑菜单的命令，当输入菜 单内容后，才可以在窗口上方显示菜单，但菜单也有它的事件，也有它的 属性，因此，我们也将菜单作为一个控件来介绍。 一般的应用程序都会有“菜单”和“菜单工具栏”，比如易语言的操 作界面就有“文件”、“编辑”、“查看”和“插入”等菜单。建立菜单可以 精简程序界面。 下面就通过建立一个记事本的菜单来学习吧。 第 5 章 制作菜单 本章学习内容： 5.1 菜单的简单建立 5.5 定位弹出菜单 5.2 菜单的属性 5.6 托盘式菜单 5.3 如何引用菜单项编程 5.7 菜单中的热键与分隔符 5.4 弹出式菜单 5.8 课后练习-双语菜单制作
一囫易语言图解教程 51菜单的简单建立 豸易语言- indows窗口程序-[窗口:启动窗口] 囫E程序E编辑里查看玉麵入B数据库卫调试B运行工工具窗口帮助 容固m日八 L安装新的支持 P封装类型库及Cx 启动窗口〔窗口 启动窗口 在程序启动后自 ①可由两种方法打开菜单编辑器 第一种方法是使用菜单“工具”→“菜单编辑器”。 或使用快捷键[CtrH+E]可弹出建立菜单的对话框 第二种方法是随时在窗 D删除 c.复制 CtrltC 体设计时窗体的空白区点击 鼠标右键,可弹出下拉菜单 置.位置及尺寸 从中选“菜单编辑器”。 B到最底层 M菜单编辑器Ctxr1 y.预览 Ctrl+Enter 取消)」 ②先建立顶层主菜单 快捷键:「(无)选中问允许操作可视 标题中填入“文件”后,就 建立了第一个主菜单项,要建立 第二个主菜单项点“向后插入”, 继续填入“编辑”、“帮助”,依 向前插入 此类推,建立其余主菜单。 〖向后入 除①)」
98 5.1 菜单的简单建立 ①可由两种方法打开菜单编辑器。 第一种方法是使用菜单“工具”→“菜单编辑器”。 或使用快捷键[Ctrl+E]可弹出建立菜单的对话框。 第二种方法是随时在窗 体设计时窗体的空白区点击 鼠标右键，可弹出下拉菜单， 从中选“菜单编辑器”。 ②先建立顶层主菜单。 标题中填入“文件”后，就 建立了第一个主菜单项，要建立 第二个主菜单项点“向后插入”， 继续填入“编辑”、“帮助”，依 此类推，建立其余主菜单
第5章—制作莱单— 如果这时按下确定钮 8 错误(49):不能存在单独无子菜单的顶层菜单 会弹出错误提示。这是因 为还没有将子菜单建立 因此还要补上子菜单。 菜单编辑器 标题:于 名称:关于 ③先按照建立主菜单 快捷键:〔无 选中允评操作可视的方法建立某个菜单项 再点“右移→”按钮,它 左移q 就会变成上一个菜单的 右移⑧ 子菜单。子菜单的显示前 上移①面有若干点号(“ 号) 可前插入 对于二级子菜单、三级 子菜单来说,只要多点击 册除〔) 几次“右移→”,就可以 单首凭数如果望景學符 实现多级菜单了 可以在该字符前面 字 ④菜单基本设计好后, 点击确定按钮,以回到窗 文件编辑帮助 体设计界面,可以观察到 菜单已经建立好了,并且 点击主菜单,就会向下拉 出下级菜单来,直接运行 时也是这样。 如没有设计好,还可以 到第一步再改
99 如果这时按下确定钮， 会弹出错误提示。这是因 为还没有将子菜单建立。 因此还要补上子菜单。 ③先按照建立主菜单 的方法建立某个菜单项， 再点“右移→”按钮，它 就会变成上一个菜单的 子菜单。子菜单的显示前 面有若干点号（“....” 号）。 对于二级子菜单、三级 子菜单来说，只要多点击 几次“右移→”，就可以 实现多级菜单了。 ④菜单基本设计好后， 点击确定按钮，以回到窗 体设计界面，可以观察到 菜单已经建立好了，并且 点击主菜单，就会向下拉 出下级菜单来，直接运行 时也是这样。 如没有设计好，还可以 回到第一步再改
一囫易语言图解教程 菜单设计中的注意事项 1.菜单设计中的“标题”文字可以重复,而“名称”不可以重复。 这是因为标题只是显示在屏幕上供大家看的,而名称是由程序内部引用 类似于按钮控件中的名称属性。只能是唯一的,不能重复。 这个原理与按钮控件一样,按钮控件也是可以标题一样,但名称绝对不 能设定为一样的 2.不能将一些阿拉伯数字放在名称的最前面。 3.“标题”的文字可以和“名称”不一样。 4.系统会自动删除“名称”属性中的空格,在“标题”中可以加入空格, 而在“名称”前加入空格就会被自动删除。这是因为在程序的引用中不 文件编辑帮助 完成上述后按F5键试运行一下,这时点击菜单项后一点反应也 没有,这是因为还没有为每个菜单项加入程序代码 ⑤如何为菜单项加入程序代码呢?请取消试运行,回到程序设计 状态,可以直接用鼠标选中某一个子菜单项,一松手即会自动进入程 序代码设计界面。 例如,用鼠标选中“帮助”→“关于”菜单后点击,会产生“ 关于被选择”的子程序
100 菜单设计中的注意事项 1．菜单设计中的“标题”文字可以重复，而“名称”不可以重复。 这是因为标题只是显示在屏幕上供大家看的，而名称是由程序内部引用， 类似于按钮控件中的名称属性。只能是唯一的，不能重复。 这个原理与按钮控件一样，按钮控件也是可以标题一样，但名称绝对不 能设定为一样的。 2．不能将一些阿拉伯数字放在名称的最前面。 3．“标题”的文字可以和“名称”不一样。 4．系统会自动删除“名称”属性中的空格，在“标题”中可以加入空格， 而在“名称”前加入空格就会被自动删除。这是因为在程序的引用中不 能有空格。 完成上述后按 F5 键试运行一下，这时点击菜单项后一点反应也 没有，这是因为还没有为每个菜单项加入程序代码。 ⑤如何为菜单项加入程序代码呢？请取消试运行，回到程序设计 状态，可以直接用鼠标选中某一个子菜单项，一松手即会自动进入程 序代码设计界面。 例如，用鼠标选中“帮助”→“关于”菜单后点击，会产生“_ 关于_被选择”的子程序
第5章制作莱单—* 子程序名返回值类型公开 备注 关于_被选择 信息框(“现在可以显示帮助信息了”,0,) ⑥现在就输入一行简单的命令,例如输入 信息框(“现在可以显示帮助信息了!”,0,) 现在可以显示帮助信息了 运行时,用鼠标选中“帮助”→“关于”菜单 后点击,会运行“关于被选择”的子程序。而子 程序就是弹出一个信息框。 5.2菜单的属性 在上述菜单的设计中,菜单也有它自 己的一些属性,我们可以通过设计时修改 这些属性。而在程序运行时,通过程序代 码改属性的方法也将在后面章节中讲述
101 5.2 菜单的属性 在上述菜单的设计中，菜单也有它自 己的一些属性，我们可以通过设计时修改 这些属性。而在程序运行时，通过程序代 码改属性的方法也将在后面章节中讲述。 ⑥现在就输入一行简单的命令，例如输入： 信息框 (“现在可以显示帮助信息了!”，0，) 大家完成后，按 F5 试运行并测试一下关于菜单。 运行时，用鼠标选中“帮助”→“关于”菜单 后点击，会运行“_关于_被选择”的子程序。而子 程序就是弹出一个信息框
一囫易语言图解教程 “选中”属性可 “允许操作”属性可以控 “可视”属性 以控制是否在子 制子菜单是否可以操作, 在运行时是灰色表示的。 可以控制子 菜单前面加勾。 |菜单是否可 以看见 “标题”属性是 菜单显示的文菜单编辑器 字。可以重复, 可以加空格 名称:关于 捷键(无) 厂选中ⅴ允许操作 “名称”属性是 左移①)← 程序内部引用的 关键字。不可以 重复,不可以加 空格,且首字不 向前插入①) 能为半角字母。 向后插入0 删除①」 成为该菜项的同 前届加上“年表 “快捷键”属性可以为每个子菜单项 提供热键,通过快捷键执行程序。 文件编辑帮助 将“打开”菜单的“选中”属性勾选,另两个属性也勾选: 将“关闭”菜单的“允许操作”属性勾选,“选中”属性不勾 选,“可视”属性勾选:将“退出”菜单的“可视”属性勾选, 选中”属性不勾选,“允许操作”属性勾选。最后试运行, 看看运行后的效果。 可以看到菜单中“打开”菜单前有一个勾,“关闭”菜单变 灰不可选了,“退出”菜单看不见了
102 “选中”属性可 以控制是否在子 菜单前面加勾。 “允许操作”属性可以控 制子菜单是否可以操作， 在运行时是灰色表示的。 “可视”属性 可以控制子 菜单是否可 以看见。 “标题”属性是 菜单显示的文 字。可以重复， 可以加空格。 “名称”属性是 程序内部引用的 关键字。不可以 重复，不可以加 空格，且首字不 能为半角字母。 “快捷键”属性可以为每个子菜单项 提供热键，通过快捷键执行程序。 将“打开”菜单的“选中”属性勾选，另两个属性也勾选； 将“关闭”菜单的“允许操作”属性勾选，“选中”属性不勾 选，“可视”属性勾选；将“退出”菜单的“可视”属性勾选， “选中”属性不勾选，“允许操作”属性勾选。最后试运行， 看看运行后的效果。 可以看到菜单中“打开”菜单前有一个勾，“关闭”菜单变 灰不可选了，“退出”菜单看不见了
第5章—制作莱单— 复制 确定Q) 取消)」 快捷键:ctrl+c 将“复制”菜单的快捷 厂选中允 键属性设置为Cu+C] 将“粘贴”菜单的快捷键 右移)→ 属性设置为(Ctrl+Ⅵ]。设 上移①)↑ 置完成后请试运行一下, 下移①) 看看运行后的效果。 商前插入①) 向后插入① 艦燃号 文件[编辑帮助 试运行后的效果,可以看到 菜单后都加入了快捷方式 52如何引用菜单项编程 上面的菜单设计都是在程序设计状 态下进行的,有没有办法可以用程序的方 法控制上述的属性,从而让用户在使用中 也可以改变菜单的属性呢?下面仅作一 个小的试验即可了解如何编程实现了
103 5.2 如何引用菜单项编程 将“复制”菜单的快捷 键属性设置为[Ctrl+C]； 将“粘贴”菜单的快捷键 属性设置为[Ctrl+V]。设 置完成后请试运行一下， 看看运行后的效果。 试运行后的效果，可以看到 菜单后都加入了快捷方式。 上面的菜单设计都是在程序设计状 态下进行的，有没有办法可以用程序的方 法控制上述的属性，从而让用户在使用中 也可以改变菜单的属性呢？下面仅作一 个小的试验即可了解如何编程实现了
一囫易语言图解教程 文件编辑帮助 打开前述的例程,新 增加一个“按钮”组件, 双击此按钮组件,进入程 序代码输入界面。 子程序名返回值类型公开 备注 按钮1被单击 在“按钮1被单击”子程序中 关于可视=假 输入一行程序代码 关于可视=假 文件编辑朝助 试运行这个易程序,在没有点击按钮之 前,“帮助”菜单中的“关于”子菜单 是可以显示的,以点击按钮后,“关于” 子菜单就无法显示出来了 虽然菜单会被隐藏,但还是可以再次显示出来的。只要用以下程序代码即 可实现 关于可视=真
104 打开前述的例程，新 增加一个“按钮”组件， 双击此按钮组件，进入程 序代码输入界面。 在“_按钮 1_被单击”子程序中 输入一行程序代码： 关于.可视 ＝ 假 试运行这个易程序，在没有点击按钮之 前，“帮助”菜单中的“关于”子菜单 是可以显示的，以点击按钮后，“关于” 子菜单就无法显示出来了。 虽然菜单会被隐藏，但还是可以再次显示出来的。只要用以下程序代码即 可实现： 关于.可视 ＝ 真
第5章制作菜单— 53如何引用菜单项编程 前面只简单的应用了一个按钮控 制菜单的属性,而菜单如何控制窗体中 的其它控件或执行命令功能呢?这就 ⑤)是本节所要介绍的 下面跟着例程来学习吧 芴易语言一要ndaw窗口 E程序E编错y互看工最入B数据库D调式运行工工具Y留囗B帮助 ①新建一个易国感x贴m日田 程序,在窗口中画砸(片 区基组 放一个图片框组 件和一个通用对 国国 话框组件,并在 图片框组件的属 性表中将“边框” 回国 属性改为“镜框 扩展组件 外部事件组件 类围为:整数题 0)」 取消C) ②在窗口中点击鼠 快捷键:无)厂选中允许操作可视 标右键,选中“菜单编 辑器”选项后,会弹出 加入图片 “菜单编辑器”对话 框,建立一个主菜单, 主菜单名为“图片 子菜单为“加入图片” 啊后益入0 “清空图片”。 删除)」 示:如想加入菜单横向分 E如果希望景半符
105 5.3 如何引用菜单项编程 前面只简单的应用了一个按钮控 制菜单的属性，而菜单如何控制窗体中 的其它控件或执行命令功能呢？这就 是本节所要介绍的。 下面跟着例程来学习吧。 ①新建一个易 程序，在窗口中 放一个图片框组 件和一个通用对 话框组件，并在 图片框组件的属 性表中将“边框” 属性改为“镜框 式”。 ②在窗口中点击鼠 标右键，选中“菜单编 辑器”选项后，会弹出 “菜单编辑器”对话 框，建立一个主菜单， 主菜单名为“图片”， 子菜单为“加入图片”、 “清空图片
一囫易语言图解教程 ③以上只差加入[[图片 程序代码,让菜单能够 执行了。 清空图片 在窗口设计中点 菜单,可以看到下级子 菜单,分别用鼠标点中 子菜单就可以进入程 序代码输入界面了。 子程序名 返回值类型公开 备注 加入图片_被选择 ④分别 如果真通用对话框1打开0=真) 在事件子程 图片框1.图片=读入文件通用对话框1文件名 序中输入程 序代码 匚子程序名返回值类型公开备注 清空图片_被选择 图片框1.图片={} ⑤按F5键试 运行一下,选择 加入图片”菜单 就会弹出一个打 查找范压① ←国 开图片文件的对 话框,从中选一张 图片就会显示在 图片框中 LotusInstall leg 如果选中“清空图 我的音乐 片”的子菜单,就会清除 文件名 下ss2o0aoue7355eif 打开@), 图片框中的图片。 文件类型①D:□
106 ③以上只差加入 程序代码，让菜单能够 执行了。 在窗口设计中点 菜单，可以看到下级子 菜单，分别用鼠标点中 子菜单就可以进入程 序代码输入界面了。 ④ 分 别 在事件子程 序中输入程 序代码。 ⑤按 F5 键试 运行一下 ，选择 “加入图片”菜单 就会弹出 一个打 开图片文 件的对 话框，从中选一张 图片就会 显示在 图片框中。 如果选中“清空图 片”的子菜单，就会清除 图片框中的图片。