VC++第2章MFC程序序界面设计与资源管理

第2章MFC程序的界面设计与资源管理 熟练掌握MFC程序的界面设计 菜单 工具栏 对话框等熟悉资源的创建与维护 包括鼠标资源 快捷键 图标 菜单 工具栏等 教学目标 VisualC 程序设计 电子教案 王明福编 教学内容 2 1资源与界面2 2资源管理2 3资源编辑器 2 1资源与界面 返回 程序员设计任何应用程序均将涉及到诸如菜单 对话框 消息框以及按钮等标准格式数据 Windows将这些数据保存在资源文件中 程序员可通过编辑工具编辑 修改这些资源文件 使其提供所需的菜单或按钮 并将其放入设计的程序之中 Windows95 98 2000将应用程序常用到的一些 数据 归纳定义成可共享的资源 例如VisualC 6 0中将某些静态的 可归类的和可共享的数据以资源的形式处理 实现了可见即可求的可视化目标 VisualC 6 0可以处理的资源有 菜单 Menu 图标 Icon 对话框 Dialog 位图 Bitmap 快捷键 Accelerator 工具栏 Toolbar 光标 Cursor 描述信息 Version 和字符串表 StringTable 2 2资源管理 2 2 1应用程序的打开与关闭2 2 2浏览应用程序资源2 2 3增加新资源2 2 4删除资源 返回 2 2 1应用程序的打开与关闭 返回 1 历史工程选择法在历史工程列表中 选择你要打开的应用程序工程 比如 MyHello VC 就将工程调入开发环境 2 直接选择法选择 File 菜单下的 OpenWorkspace 菜单项 在 OpenWorkspace 对话框中 查找所需的应用程序 选中 dsw打开 3 关闭应用程序 操作极为简单 有以下两种情况 1 选择 File 下拉菜单中的 CloseWorkspace 选项 按向导提示进行操作 就可关闭已打开的应用程序工程 2 再次打开某应用程序工程或创建新的应用程序工程后 VisualC 6 0都会自动将当前的应用程序工程放入历史工程的列表中 2 2 2浏览应用程序资源 应用程序的资源由Workspace窗口来组织管理 浏览 包含 ClassView ResourceView 和 FileView 三个视图标签 ResourceView 视图标签管理应用程序所涉及资源 Accelerator Dialog Icon Menu StringTable Toolbar Version 返回 2 2 3增加新资源 为MyHello工程增加对话框资源 其它资源类似 操作步骤是 1 右击Workspace中资源项 VisualC 6 0显示如图所示的快捷菜单 返回 2 选择 Insert 选项 并在 InsertResource 对话框 选择所需资源 例如 选择 Dialog 资源 如右图所示 3 单击 New按钮 就在资源列表中新增加了 Dialog 资源项 也就是新建一个ID为 IDD AIALOG1 的对话框资源项 如右图所示 2 2 4删除资源 删除资源就是将某一资源从工程中删除 操作方法是 在Workspace窗口的 ResourceView 标签中 用鼠标选中要删除的资源ID 标识符 单击键盘 Del 键即可 例如 在下图中 选中 Dialog 下的IDD DIALOG1标识 按下 Del 键 标识为IDD DIALOG1资源就被删除 返回 2 3资源编辑器 2 3 1快捷键 Accelerator 2 3 2对话框 Dialog 2 3 3图标 Icon 2 3 4菜单 Menu 2 3 5字符串表 StringTable 2 3 6工具栏 Toolbar 返回 2 3 1快捷键 Accelerator 返回 快捷键资源项的功能就是定义应用程序中的事件或对象与键盘键建立对应关系 为工程MyHello添加快捷键的操作步骤是1 在Workspace窗口的 ResourceView 标签中 双击 Accelerator 下的 IDR MAINFRANE 项 将显示快捷键资源列表2 在快捷键资源列表窗口 右击鼠标弹出快捷菜单 如图所示 3 选择 NewAccelerator 将显示一个AccelProperties对话框 如下图所示 将增加一条快捷键对应关系 或者选择 Properties 来修改 编辑当前对应关系 4 在 AccelProperties 快捷键属性 对话框中 定义了快捷键的对应关系 在本例中将ID EDIT CUT对象与 Ctrl X 建立对应关系 这样在应用程序运行时 按 Ctrl X 组合键即可执行ID EDIT CUT项 具体操作是 在 key 下拉列表中选择 X 键或直接输入 X 选择 Ctrl 复选框 2 3 2对话框 Dialog 对话框资源的操作包括新建和编辑 1 创建对话框资源新建一个ID为 IDD MYDIALOG Caption为 我的对话框 的对话框资源 其操作步骤如下 1 在 Workspace 窗口中 激活 ResourceView 标签 选中 Dialog 资源 右击鼠标 VisualC 6 0显示快捷菜单 返回 2 选择 InsertDialog 选项 增加新的对话框 对话框的标识自动设为IDD DIALOG1 并同时弹出绘图工具箱窗口 3 选中右则新建的对话框资源 右击鼠标弹出快捷菜单 如右下图所示 4 选择 Properties 菜单项 弹出属性对话框 在ID编辑框中 将IDD DIALOG1修改为IDD MYDIALOG Caption编辑框中的Dialog修该为 我的对话框 如右上图所示 5 点击非属性对话框上的任意点 关闭属性对话框 就创建了所需要的对话框资源 如由下图所示 2 编辑对话框资源利用VC 提供的编辑工具 在IDD MYDIALOG中添加一个ID为ID MYBUTTON Caption为 我的按钮 的Button控件 可视化设计的操作步骤如下 1 在ProjectWorkspace窗口中 双击IDD MYDIALOG项 使之处于设计状态 2 从IDD MYDIALOG对话框中删除 OK Cancel 按钮 3 将鼠标放置工具栏的任一位置 单击鼠标右键弹出快捷菜单 如下图 a 所示 选择 Controls 复选项 将弹出矩形工具箱对话框 如下图 b 所示 4 选中矩形工具箱中的 Button 按钮 再单击IDD MYDIALOG对话框中适当的地方 VisualC 就会把 Button 按钮放置在刚才单击的地方 缺省按钮标题是 Button1 下面把其标题改为 我的按钮 5 右击 Button1 按钮 将弹出如下图 左 所示的快捷菜单 6 选择弹出菜单的 Properties 属性 项 将显示PushButtonProperties对话框 如下图 右 所示 7 单击ID文本框 把文本 IDC BUTTON1 修改为 IDC MYBUTTON 同样将Caption编辑框中的Button1修改为 我的按钮 至此 添加了一个名为 我的按钮 Button按钮的IDD MYDIALOG对话框 如下图所示 图标设计比较简单 类似位图的设计 在Workspace的 ResourceView 中右击icon资源项 在激活的菜单中选择 Inserticon 插入新图标或双击存在的图标 打开如图2 19所示的图标资源管理器 利用 Graphics 和 Color 工具箱 编辑你要的图标 2 3 3图标 Icon 返回 菜单设计分两类 一是在某菜单中新添一个菜单项 二是首先在工程中插入新的菜单 然后再编辑添加菜单项 1 在工程中插入新的菜单在Workspace的 ResourceView 中右击 Menu 项 在激活的快捷菜单中选择 InsertMenu 选项 新建一组ID为IDR MENU1菜单 如图所示 2 3 4菜单 Menu 返回 2 新添一个菜单项我们在IDR MAINFRAME菜单的 编辑 菜单下 添加一个 我的菜单 子菜单项 1 双击应用框架提供的IDR MAINFRAME菜单项 在右侧的菜单资源编辑器中 准备新添一个菜单项 如下图所示 2 双击 编辑 菜单下的空菜单项 弹出如下图所示 MenuItemProperties 对话框 在 ID 列表框中输入新添加菜单项的标识符ID MYMENU 或选择其对应的事件即可 在Caption文本编辑框中输入 我的菜单 注意在编辑 Caption 文本框的同时 菜单项显示其文本 在Workspace中的 ResourceView 中 双击 StringTable 中的选项 打开字符串表资源编辑器 在其中可以编辑有关内容 表中可查到前面我们新添加的菜单项ID MYMENU事件 这是我的菜单 等内容 双击字符串表中ID为ID MYMENU 弹出字符串属性对话框 如下图所示 在该对话框中 可以编辑 修改其Caption 2 3 5字符串表 StringTable 返回 1 编辑工具栏按钮在Workspace的资源 ResourceView 列表中 双击 Toolbar 下的 IDR MAINFRAME 项 VC 6 0显示如下图所示的工具资源编辑器 同时打开Graphics和Colors绘画工具箱 设计工具栏与设计位图 图标类似 区别在于一个工具栏全部按钮图标保存在一个位图文件中 大小可控且有相关的功能 2 3 6工具栏 Toolbar 返回 2 设置工具按钮双击工具栏上新编辑好的按钮 VC 6 0显示 ToolbarButtonProperties 对话框 如下图所示 在 ID 列表框中选择 ID MYMENU 在 Prompt