visual studio ribbon界面设计入门.docx
《visual studio ribbon界面设计入门.docx》由会员分享，可在线阅读，更多相关《visual studio ribbon界面设计入门.docx（20页珍藏版）》请在冰豆网上搜索。
visualstudioribbon界面设计入门
本教程适用于正在开发桌面应用程序并希望利用新的MFC功能区框架优势的MFC开发人员。
通过本教程的步骤，您将了解如何将默认的功能区添加到一个小应用程序中，在RibbonDesigner中编辑各个功能区控件，然后在运行时使用控件。
您将看到通过MFC功能区框架编辑和使用功能区控件非常轻松。
在本教程中，将完成在应用程序中添加和自定义根本功能区的所有必要步骤。
本教程涉及实时编译代码并从此文档中复制代码。
如果发生复制错误〔或任何其他问题〕无法编译应用程序，可以在本教程的程序包中找到全部完成的例如，以及每个练习的最终源代码。
这些例如可用于解决编译错误。
先决条件
您必须拥有以下内容才能完本钱实验：
•MicrosoftVisualStudio2021Beta2〔或更高版本〕
•Windows7
学习目标
在完本钱教程时，您将了解如何：
•在VisualStudio2021中为应用程序创立默认的功能区
•在RibbonDesigner中添加功能区控件，如按钮、复选框和区块
•在RibbonDesigner中为功能区控件添加事件处理程序函数
•在运行时使用功能区控件
练习1：
在应用程序中创立默认功能区
在本练习中，将开始在VisualStudio2021中从头创立一个Windows7风格的带有功能区的MFC应用程序。
您不必编写任何代码来执行这些操作。
只需单击，单击，再单击！
任务1-在VisualStudio2021中创立新的带有功能区的MFC工程
1.在VisualStudio2021中，使用MFCApplicationWizard创立一个具有默认功能区的MFC应用程序。
要运行向导，请在File菜单上，指向New，然后选择Project。
将会显示NewProject对话框。
2.在NewProject对话框中，展开ProjectTypes窗格中的VisualC++节点，然后选择MFC。
在Templates窗格中，选择MFCApplication。
键入工程名称，如RibbonApp，然后单击OK。
请参阅图1-1。
将显示MFApplicationWizard。
图1-1
3.在ApplicationType窗格中，将ProjectStyle更改为Office，然后将VisualStyleandColors更改为“Windows7〞。
其他保持不变，然后单击Next。
请参考图1-2。
图1-2
4.将CompoundDocumentSupport设置保存为默认值〔即选中“None〞复选框〕。
请参考图1-3。
图1-3
5.在DocumentTemplateStrings窗格中，保存所有默认值。
请参考图1-4。
图1-4
6.在DatabaseSupport窗格中，保存所有默认设置，〔应选中“None〞〕。
单击“下一步〞。
请参考图1-5。
图1-5
7.在UserInterfaceFeatures窗格中，确保选中UseaRibbon选项。
单击“下一步〞。
请参考图1-6。
图1-6
8.在AdvancedFeatures窗格中，去除所有选项。
单击“下一步〞。
请参考图1-7。
图1-7
9.在GeneratedClasses窗格中，保存所有默认设置。
请参考图1-8。
图1-8
10.要生成应用程序，请在Build菜单上选择BuildSolution。
如果应用程序成功生成，请从Debug菜单中运行StartDebugging。
向导将自动创立具有一个功能区类别名称为Home的Windows7风格的功能区。
此类别包含3个功能区面板，命名为Clipboard、View和Window。
请参考图1-9。
图1-9
练习2：
向现有功能区添加简单的控件
VisualStudio2021有一项新功能，称为MFC应用程序的RibbonDesigner，它可以方便地将任何功能区控件添加到应用程序中并进行编辑。
在本练习中，将学习如何将控件拖到RibbonDesigner中，以及如何轻松添加事件处理程序。
在本练习中，您将使用EX02_Starter\Begin\RibbonApp文件夹中的RibbonApp解决方案。
任务1-向现有功能区添加简单控件
1.在VisualStudio2021中启动RibbonApp.sln。
2.在Resource视图中，展开RibbonApp.rc->Ribbon->IDR_RIBBON节点。
双击该文件以翻开RibbonDesigner。
ResourceView面板、RibbonBarDesigner面板和Toolbox面板如图2-1所示。
图2-1
3.将一个Category控件从工具箱拖入到RibbonBar。
在设计器中，会看到一个名为“Category1〞的类别，并在Category1中有一个名为“Panel1〞的面板。
从工具箱中将两个Button控件拖放到“Panel1〞。
默认情况下，按钮名称为“Button1〞和“Button2〞。
功能区栏具有了一个新的外观，如图2-2所示。
图2-2
4.右键单击“Category1〞，并选择Properties，翻开Properties窗口。
如图2-3所示，在Property窗口中，可以轻松地将标题重命名为“MyCategory〞，并编辑其他属性。
在Property窗口中，从“LargeImages〞下拉列表中选择“IDB_WRITELARGE〞，并从“SmallImages〞下拉列表中选择“IDB_WRITESMALL〞。
它定义了在这个类别中的元素的图像集合。
图2-3
5.翻开刚刚创立的按钮的Properties窗口，并更改标题为“MyButton〞和“MyChoice〞。
要为按钮添加图像，请翻开“MyChoice〞的属性窗口，然后单击“LargeImageIndex〞〔中选择值字段时，会看到Browse按钮，允许浏览图像集合〕。
单击Browse按钮，将会弹出ImageCollection对话框。
选择“0〞并编辑其他属性，如图2-4所示。
将LargeImageIndex的值更改为“0〞以便为“MyButton〞添加图像。
图2-4
6.测试功能区，方法是单击工具栏上的“TestRibbon〞按钮，如图2-5所示。
图2-5
7.编译并运行应用程序。
现在，它具有如图2-6所示的新外观。
创立的两个按钮〔“MyChoice〞和“MyButton〞〕是默认禁用的。
按钮将在为它们添加了单击事件处理程序���启用。
图2-6
任务2-向控件添加事件处理程序
1.在RibbonDesigner中添加事件处理程序非常简单。
右键单击“MyButton〞按钮控件，并选择“AddEventHandler〞。
将翻开EventHandlerWizard。
选择“Command〞消息类型并从类列表中选择“CMainFrame〞，如图2-7所示。
图2-7
2.单击“AddandEdit〞。
向导将自动生成的一些函数，然后翻开源代码编辑器。
在这里，将看到MainFrm.cpp中的空函数CMainFrame:
:
OnMyButton（）。
3.在Mainfrm.cpp中的函数OnMyButton（）中添加下面的代码行。
C++
MessageBox（TEXT（"ThisisMyButton!
"）,TEXT（"MyButton"）,MB_OK）;
4.编译并运行解决方案。
应用程序将具有包含一个类别和两个按钮的功能区。
点击“MyButton〞按钮，测试应用程序，如图2-8所示。
图2-8
练习3：
向现有功能区添加和使用更多控件
练习1展示了如何使用MFC向导创立带有默认功能区的应用程序。
练习2展示了如何使用RibbonDesigner轻松添加或修改功能区控件。
这次演示将展示有关功能区控件的更多信息，并集中讨论如何在运行时使用按钮、复选框、滑块和组合框MFC功能区控件。
任务1-生成现有功能区应用程序以查看功能区控件
1.翻开EX03_Starter\Begin\RibbonApp文件夹中的RibbonApp解决方案
2.在Build菜单上，单击RebuildSolution。
3.在Debug菜单上，单击StartDebugging。
4.将翻开如图3-1所示的应用程序。
这里显示的所有功能区控件均使用RibbonDesigner创立。
〔练习2展示了如何使用RibbonDesigner。
〕
图3-1
5.单击“MyCategory〞选项卡，将看到功能区的变化，如图3-2所示。
图3-2
帮助：
为了方便，一些变量和函数〔如事件处理程序函数和帮助程序函数〕已经在此工程中声明和定义，所以在以下任务中只需集中进行实现。
任务2-在运行时禁用和启用按钮
1.可以添加代码来手动禁用或启用一个按钮。
如图3-2所示，MyCategory的Disable面板包括一个复选框和一个按钮。
可以通过选中或去除该复选框来触发事件。
选择复选框将禁用Object按钮。
这些变量已经声明，一些必要的函数也已经就绪。
2.要在MainFrm.cpp中更新CheckBox控件的事件处理程序函数，请输入以下代码：
C++
voidCMainFrame:
:
OnDisableCheckbox（）
{
m_bChecked=!
m_bChecked;
}
voidCMainFrame:
:
OnUpdateDisableCheckbox（CCmdUI*pCmdUI）
{
pCmdUI->SetCheck（!
m_bChecked）;
}
3.还必须更新MainFrm.cpp中的按钮对象的事件处理程序函数，如下所示：
C++
voidCMainFrame:
:
OnUpdateDisableObject（CCmdUI*pCmdUI）
{
pCmdUI->Enable（m_bChecked）;
}
4.编译并运行应用程序。
如果选择“DisableObjectButton〞复选框，那么“Object〞按钮将被禁用，如图3-3所示。
图3-3
任务3-显示当前选定的组合框工程。
1.更新MainFrm.cpp中的函数，以便在从组合框中的下拉列表中选择工程时显示一个消息框：
C++
voidCMainFrame:
:
OnComboMessage（）
{
CMFCRibbonComboBox*pFontComboBox=DYNAMIC_DOWNCAST（
CMFCRibbonComboBox,m_wndRibbonBar.FindByID（ID_COMBO_BOX））;
//Gettheselectedindex
intnCurSel=pFontComboBox->GetCurSel（）;
if（nC
升级会员 