MFC程序的界面设计与资源管理

1、 第第2 2章章 MFCMFC程序的界面设计与资源管理程序的界面设计与资源管理 熟练掌握MFC程序的界面设计：菜单、工具栏、对话框等 熟悉资源的创建与维护：包括鼠标资源、快捷键、图标、菜单、工具栏等教学目标Visual C+Visual C+程序设计电子教案程序设计电子教案-王明福编王明福编 教学内容 2.12.1资源与界面资源与界面 2.22.2资源管理资源管理 2.32.3资源编辑器资源编辑器 2.1 2.1 资源与界面资源与界面 程序员设计任何应用程序均将涉及到诸如菜单、对话框、消息框以及按钮等标准格式数据。Windows将这些数据保存在资源文件中。 程序员可通过编辑工具编辑、修改这些资

2、源文件，使其提供所需的菜单或按钮，并将其放入设计的程序之中。 Windows95/98/2000将应用程序常用到的一些“数据”归纳定义成可共享的资源，例如Visual C+6.0中将某些静态的、可归类的和可共享的数据以资源的形式处理，实现了可见即可求的可视化目标。 Visual C+6.0可以处理的资源有：菜单（Menu）、图标(Icon)、对话框(Dialog)、位图(Bitmap)、快捷键(Accelerator)、工具栏(Toolbar)、光标(Cursor)、描述信息(Version)和字符串表(String Table)。2.2 2.2 资源管理资源管理2.2.1 2.2.1 应用程

3、序的打开与关闭应用程序的打开与关闭2.2.2 2.2.2 浏览应用程序资源浏览应用程序资源 2.2.3 2.2.3 增加新资源增加新资源2.2.4 2.2.4 删除资源删除资源 2.2.1 2.2.1 应用程序的打开与关闭应用程序的打开与关闭1. 历史工程选择法在历史工程列表中，选择你要打开的应用程序工程，比如，MyHello, VC+就将工程调入开发环境。 2. 直接选择法选择“File”菜单下的“Open Workspace” 菜单 项 , 在 “ O p e n Workspace”对话框中，查找所需的应用程序，选中*.dsw打开。 3. 关闭应用程序，操作极为简单，有以下两种情况：(1

4、) 选择“File”下拉菜单中的“Close Workspace”选项，按向导提示进行操作，就可关闭已打开的应用程序工程。(2) 再次打开某应用程序工程或创建新的应用程序工程后，Visual C+6.0都会自动将当前的应用程序工程放入历史工程的列表中。 2.2.2 2.2.2 浏览应用程序资源浏览应用程序资源 应用程序的资源由Workspace窗口来组织管理、浏览。包含“ClassView”、“ResourceView”和“FileView”三个视图标签。 “ResourceView” 视图标签管理应用程序所涉及资源（Accelerator、Dialog、Icon、Menu、String Ta

5、ble、Toolbar、Version）。 2.2.3 2.2.3 增加新资源增加新资源 为为MyHelloMyHello工程增加对话框资源（其它资源类似），操作步骤是：工程增加对话框资源（其它资源类似），操作步骤是：1. 右击右击WorkspaceWorkspace中资源项，中资源项，Visual C+6.0Visual C+6.0显示如图所示的快捷显示如图所示的快捷菜单。菜单。 2.选择“Insert”选项,并在“Insert Resource”对话框，选择所需资源，例如，选择“Dialog” 资源，如右图所示。3.单击“New按钮”，就在资源列表中新增加了“Dialog”资源项，也就是新

6、建 一 个 I D 为“IDD_AIALOG1”的对话框资源项，如右图所示。 2.2.4 2.2.4 删除资源删除资源 删除资源就是将某一资源从工程中删除，操作方法是：在Workspace窗口的“ResourceView”标签中，用鼠标选中要删除的资源ID（标识符），单击键盘“Del”键即可。 例 如 ， 在 下 图 中 ， 选 中 “ D i a l o g ” 下 的IDD_DIALOG1标识，按下“Del”键，标识为IDD_DIALOG1资源就被删除。 2.3 2.3 资源编辑器资源编辑器 2.3.1 2.3.1 快捷键（快捷键（AcceleratorAccelerator） 2.3.2

7、 2.3.2 对话框（对话框（DialogDialog） 2.3.3 2.3.3 图标（图标（IconIcon） 2.3.4 2.3.4 菜单（菜单（MenuMenu） 2.3.5 2.3.5 字符串表字符串表( (String TableString Table）2.3.6 2.3.6 工具栏工具栏( (ToolbarToolbar） 2.3.1 2.3.1 快捷键（快捷键（AcceleratorAccelerator） 快捷键资源项的功能就是定义应用程序中的事件或对象与键盘键建立对应关系。为工程MyHello添加快捷键的操作步骤是1.在Workspace窗口的“Resource View”

8、标签中, 双击“Accelerator”下的“IDR_MAINFRANE”项，将显示快捷键资源列表 2. 在快捷键资源列表窗口，右击鼠标弹出快捷菜单，如图所示3.选择“New Accelerator”,将显示一个Accel Properties对话框，如下图所示，将增加一条快捷键对应关系。或者选择“Properties”来修改、编辑当前对应关系。 4. 在 “Accel Properties”（快捷键属性）对话框中 ， 定 义 了 快 捷 键 的 对 应 关 系 。 在 本 例 中 将ID_EDIT_CUT对象与“Ctrl+X”建立对应关系，这样在应用程序运行时，按“Ctrl+X” 组合键即可

9、执行ID_EDIT_CUT项。具体操作是：在“key”下拉列表中选择“X”键或直接输入“X”，选择“Ctrl”复选框。 2.3.2 2.3.2 对话框（对话框（DialogDialog） 对话框资源的操作包括新建和编辑。1 1创建对话框资源创建对话框资源 新建一个ID为“IDD_MYDIALOG”、Caption为“我的对话框”的对话框资源，其操作步骤如下：(1) 在“Workspace”窗口中，激活 “Resource View”标签，选中“Dialog” 资源,右击鼠标，Visual C+6.0显示快捷菜单。(2) 选择“Insert Dialog”选项,增加新的对话框。对话框的标识自动设

10、为IDD_DIALOG1，并同时弹出绘图工具箱窗口。(3) 选中右则新建的对话框资源，右击鼠标弹出快捷菜单，如右下图所示 (4) 选择“Properties”菜单项，弹出属性对话框，在ID编辑框中，将IDD_DIALOG1修改为IDD_MYDIALOG，Caption编辑框中的Dialog修该为“我的对话框”如右上图所示。(5) 点击非属性对话框上的任意点，关闭属性对话框，就创建了所需要的对话框资源，如由下图所示。 2. 2. 编辑对话框资源编辑对话框资源 利用VC+提供的编辑工具，在IDD_MYDIALOG中添加一个ID为ID_MYBUTTON,Caption为“我的按钮”的Button控件

11、，可视化设计的操作步骤如下： (1) 在Project Workspace窗口中，双击IDD_MYDIALOG项，使之处于设计状态。 (2) 从IDD_MYDIALOG对话框中删除“OK”、“Cancel”按钮。 (3) 将鼠标放置工具栏的任一位置，单击鼠标右键弹出快捷菜单，如下图（a）所示。选择“Controls”复选项，将弹出矩形工具箱对话框，如下图（b）所示。 (4) 选中矩形工具箱中的“Button”按钮，再单击IDD_MYDIALOG对话框中适当的地方，Visual C+就会把“Button”按钮放置在刚才单击的地方，缺省按钮标题是“Button1”，下面把其标题改为“我的按钮” (

12、5) 右击“Button1” 按钮，将弹出如下图（左）所示的快捷菜单 (6)选择弹出菜单的“Properties”(属性)项，将显示Push Button Properties对话框，如下图（右）所示。 (7) 单击ID文本框，把文本“IDC_BUTTON1” 修改为“IDC_MYBUTTON”,同样将Caption编辑框中的Button1 修改为“我的按钮”。 至此，添加了一个名为“我的按钮”B u t t o n 按 钮 的IDD_MYDIALOG对话框，如下图所示。 图标设计比较简单，类似位图的设计。在图标设计比较简单，类似位图的设计。在WorkspaceWorkspace的的“Reso

13、urce View”Resource View”中右击中右击iconicon资源项，在激活的菜单中选择资源项，在激活的菜单中选择“Insert icon”Insert icon”插入新图标或双击存在的图标，打开如图插入新图标或双击存在的图标，打开如图2-192-19所所示的图标资源管理器，利用示的图标资源管理器，利用“Graphics”Graphics”和和“Color”Color”工具箱，编工具箱，编辑你要的图标。辑你要的图标。 2.3.3 2.3.3 图标（图标（IconIcon） 菜单设计分两类：一是在某菜单中新添一个菜单项。二是首先菜单设计分两类：一是在某菜单中新添一个菜单项。二是首先

14、在工程中插入新的菜单，然后再编辑添加菜单项。在工程中插入新的菜单，然后再编辑添加菜单项。 1 1在工程中在工程中插入新的菜单插入新的菜单 在在WorkspaceWorkspace的的“Resource View”Resource View”中右击中右击“Menu”Menu”项，在激活的项，在激活的快捷菜单中选择快捷菜单中选择“Insert Menu”Insert Menu”选项，新建一组选项，新建一组IDID为为IDR_MENU1IDR_MENU1菜单，如图所示菜单，如图所示 2.3.4 2.3.4 菜单（菜单（MenuMenu） 2. 2. 新添一个菜单项新添一个菜单项 我们在IDR_MAI

15、NFRAME菜单的“编辑”菜单下，添加一个“我的菜单”子菜单项。(1) 双击应用框架提供的IDR_MAINFRAME菜单项，在右侧的菜单资源编辑器中，准备新添一个菜单项，如下图所示。(2) 双击“编辑”菜单下的空菜单项，弹出如下图所示“Menu Item Properties” 对话框，在“ID”列表框中输入新添加菜单项的标识符ID_MYMENU，或选择其对应的事件即可。在Caption文本编辑框中输入“我的菜单”。注意在编辑“Caption”文本框的同时，菜单项显示其文本。 在在WorkspaceWorkspace中的中的“Resource View”Resource View”中，双击中，

16、双击“String Table”String Table”中的选项，打开字符串表资源编辑器，在其中可以编辑有关内容。中的选项，打开字符串表资源编辑器，在其中可以编辑有关内容。 表中可查到前面我们新添加的菜单项表中可查到前面我们新添加的菜单项ID_MYMENUID_MYMENU事件事件“这是我的菜这是我的菜单单”等内容。等内容。 双击字符串表中双击字符串表中IDID为为ID_MYMENUID_MYMENU，弹出字符串属性对话框，如弹出字符串属性对话框，如下下图图所示，在该对话框中，可以编辑、修改其所示，在该对话框中，可以编辑、修改其CaptionCaption。 2.3.5 字符串表(Strin

17、g Table）1 1编辑工具栏按钮编辑工具栏按钮在在WorkspaceWorkspace的资源（的资源（ResourceViewResourceView）列表中，双击列表中，双击“Toolbar”Toolbar”下下的的“IDR_MAINFRAME”IDR_MAINFRAME”项，项，VC+6.0VC+6.0显示如下图所示的工具资源编辑显示如下图所示的工具资源编辑器，同时打开器，同时打开GraphicsGraphics和和ColorsColors绘画工具箱。设计工具栏与设计位绘画工具箱。设计工具栏与设计位图、图标类似，区别在于一个工具栏全部按钮图标保存在一个位图文图、图标类似，区别在于一个工具栏全部按钮图标保存在一个位图文件中，大小可控且有相关的功能。件中，大小可控且有相关的功能。 2.3.6 工具栏(Toolbar） 2 2设置工具按钮设置工具按钮 双击工具栏上新编辑好的按钮，VC+6.0显示“Toolbar Button Properties”对话框，如下图所示。在“ID”列表框中选择“ID_MYMENU”，在“Prompt”文本框中输入“这是新菜单n我的菜单”。 在“Prompt”文本框中，其中