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

1、第2章 MFC程序的界面设计与资源管理,熟练掌握MFC程序的界面设计：菜单、工具栏、对话框等 熟悉资源的创建与维护：包括鼠标资源、快捷键、图标、菜单、工具栏等,教学目标,Visual C+程序设计电子教案-王明福编,教学内容,2.1资源与界面 2.2资源管理 2.3资源编辑器,2.1 资源与界面,返 回,程序员设计任何应用程序均将涉及到诸如菜单、对话框、消息框以及按钮等标准格式数据。Windows将这些数据保存在资源文件中。 程序员可通过编辑工具编辑、修改这些资源文件，使其提供所需的菜单或按钮，并将其放入设计的程序之中。 Windows95/98/2000将应用程序常用到的一些“数据”归纳定义

2、成可共享的资源，例如Visual C+6.0中将某些静态的、可归类的和可共享的数据以资源的形式处理，实现了可见即可求的可视化目标。 Visual C+6.0可以处理的资源有：菜单（Menu）、图标(Icon)、对话框(Dialog)、位图(Bitmap)、快捷键(Accelerator)、工具栏(Toolbar)、光标(Cursor)、描述信息(Version)和字符串表(String Table)。,2.2 资源管理,2.2.1 应用程序的打开与关闭 2.2.2 浏览应用程序资源 2.2.3 增加新资源 2.2.4 删除资源,返 回,2.2.1 应用程序的打开与关闭,返 回,1. 历史工程选

3、择法 在历史工程列表中，选择你要打开的应用程序工程，比如，MyHello, VC+就将工程调入开发环境。 2. 直接选择法 选择“File”菜单下的“Open Workspace” 菜单项,在“Open Workspace”对话框中，查找所需的应用程序，选中*.dsw打开。,3. 关闭应用程序，操作极为简单，有以下两种情况： (1) 选择“File”下拉菜单中的“Close Workspace”选项，按向导提示进行操作，就可关闭已打开的应用程序工程。 (2) 再次打开某应用程序工程或创建新的应用程序工程后，Visual C+6.0都会自动将当前的应用程序工程放入历史工程的列表中。,2.2.2

4、浏览应用程序资源,应用程序的资源由Workspace窗口来组织管理、浏览。包含“ClassView”、“ResourceView”和“FileView”三个视图标签。 “ResourceView” 视图标签管理应用程序所涉及资源（Accelerator、Dialog、Icon、Menu、String Table、Toolbar、Version）。,返 回,2.2.3 增加新资源,为MyHello工程增加对话框资源（其它资源类似），操作步骤是： 1. 右击Workspace中资源项，Visual C+6.0显示如图所示的快捷菜单。,返 回,2.选择“Insert”选项,并在“Insert Res

5、ource”对话框，选择所需资源，例如，选择“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 快捷

6、键（Accelerator） 2.3.2 对话框（Dialog） 2.3.3 图标（Icon） 2.3.4 菜单（Menu） 2.3.5 字符串表(String Table） 2.3.6 工具栏(Toolbar）,返 回,2.3.1 快捷键（Accelerator）,返 回,快捷键资源项的功能就是定义应用程序中的事件或对象与键盘键建立对应关系。为工程MyHello添加快捷键的操作步骤是 1.在Workspace窗口的“Resource View”标签中, 双击“Accelerator”下的“IDR_MAINFRANE”项，将显示快捷键资源列表 2. 在快捷键资源列表窗口，右击鼠标弹出快捷菜单，

7、如图所示,3.选择“New Accelerator”,将显示一个Accel Properties对话框，如下图所示，将增加一条快捷键对应关系。或者选择“Properties”来修改、编辑当前对应关系。 4. 在 “Accel Properties”（快捷键属性）对话框中，定义了快捷键的对应关系。在本例中将ID_EDIT_CUT对象与“Ctrl+X”建立对应关系，这样在应用程序运行时，按“Ctrl+X” 组合键即可执行ID_EDIT_CUT项。具体操作是：在“key”下拉列表中选择“X”键或直接输入“X”，选择“Ctrl”复选框。,2.3.2 对话框（Dialog）,对话框资源的操作包括新建和编

8、辑。 1创建对话框资源 新建一个ID为“IDD_MYDIALOG”、Caption为“我的对话框”的对话框资源，其操作步骤如下： (1) 在“Workspace”窗口中，激活 “Resource View”标签，选中“Dialog” 资源,右击鼠标，Visual C+6.0显示快捷菜单。,返 回,(2) 选择“Insert Dialog”选项,增加新的对话框。对话框的标识自动设为IDD_DIALOG1，并同时弹出绘图工具箱窗口。 (3) 选中右则新建的对话框资源，右击鼠标弹出快捷菜单，如右下图所示,(4) 选择“Properties”菜单项，弹出属性对话框，在ID编辑框中，将IDD_DIALO

9、G1修改为IDD_MYDIALOG，Caption编辑框中的Dialog修该为“我的对话框”如右上图所示。 (5) 点击非属性对话框上的任意点，关闭属性对话框，就创建了所需要的对话框资源，如由下图所示。,2. 编辑对话框资源 利用VC+提供的编辑工具，在IDD_MYDIALOG中添加一个ID为ID_MYBUTTON,Caption为“我的按钮”的Button控件，可视化设计的操作步骤如下： (1) 在Project Workspace窗口中，双击IDD_MYDIALOG项，使之处于设计状态。 (2) 从IDD_MYDIALOG对话框中删除“OK”、“Cancel”按钮。 (3) 将鼠标放置工具

10、栏的任一位置，单击鼠标右键弹出快捷菜单，如下图（a）所示。选择“Controls”复选项，将弹出矩形工具箱对话框，如下图（b）所示。,(4) 选中矩形工具箱中的“Button”按钮，再单击IDD_MYDIALOG对话框中适当的地方，Visual C+就会把“Button”按钮放置在刚才单击的地方，缺省按钮标题是“Button1”，下面把其标题改为“我的按钮” (5) 右击“Button1” 按钮，将弹出如下图（左）所示的快捷菜单 (6)选择弹出菜单的“Properties”(属性)项，将显示Push Button Properties对话框，如下图（右）所示。,(7) 单击ID文本框，把文本“

11、IDC_BUTTON1”修改为“IDC_MYBUTTON”,同样将Caption编辑框中的Button1 修改为“我的按钮”。 至此，添加了一个名为“我的按钮”Button按钮的IDD_MYDIALOG对话框，如下图所示。,图标设计比较简单，类似位图的设计。在Workspace的“Resource View”中右击icon资源项，在激活的菜单中选择“Insert icon”插入新图标或双击存在的图标，打开如图2-19所示的图标资源管理器，利用“Graphics”和“Color”工具箱，编辑你要的图标。,2.3.3 图标（Icon）,返 回,菜单设计分两类：一是在某菜单中新添一个菜单项。二是首先

12、在工程中插入新的菜单，然后再编辑添加菜单项。 1在工程中插入新的菜单 在Workspace的“Resource View”中右击“Menu”项，在激活的快捷菜单中选择“Insert Menu”选项，新建一组ID为IDR_MENU1菜单，如图所示,2.3.4 菜单（Menu）,返 回,2. 新添一个菜单项 我们在IDR_MAINFRAME菜单的“编辑”菜单下，添加一个“我的菜单”子菜单项。 (1) 双击应用框架提供的IDR_MAINFRAME菜单项，在右侧的菜单资源编辑器中，准备新添一个菜单项，如下图所示。,(2) 双击“编辑”菜单下的空菜单项，弹出如下图所示“Menu Item Propert

13、ies” 对话框，在“ID”列表框中输入新添加菜单项的标识符ID_MYMENU，或选择其对应的事件即可。在Caption文本编辑框中输入“我的菜单”。注意在编辑“Caption”文本框的同时，菜单项显示其文本。, 在Workspace中的“Resource View”中，双击“String Table”中的选项，打开字符串表资源编辑器，在其中可以编辑有关内容。 表中可查到前面我们新添加的菜单项ID_MYMENU事件“这是我的菜单”等内容。 双击字符串表中ID为ID_MYMENU，弹出字符串属性对话框，如下图所示，在该对话框中，可以编辑、修改其Caption。,2.3.5 字符串表(String

14、 Table）,返 回,1编辑工具栏按钮 在Workspace的资源（ResourceView）列表中，双击“Toolbar”下的“IDR_MAINFRAME”项，VC+6.0显示如下图所示的工具资源编辑器，同时打开Graphics和Colors绘画工具箱。设计工具栏与设计位图、图标类似，区别在于一个工具栏全部按钮图标保存在一个位图文件中，大小可控且有相关的功能。,2.3.6 工具栏(Toolbar）,返 回,2设置工具按钮 双击工具栏上新编辑好的按钮，VC+6.0显示“Toolbar Button Properties”对话框，如下图所示。在“ID”列表框中选择“ID_MYMENU”，在“Pr