Visual C++ 2008 MFC OFFICE界面创建入门

Visual C++ 2008 MFC OFFICE界面创建入门

图形画板2008设计文档

目录

图形画板2008设计文档 1
1. 图形后台框架 2
1.1. 基本图形类框架如下： 2
2. 界面框架 2
2.1. 快捷菜单 3
2.2. 主菜单 3
2.3. 工具栏 4
3. 如何创建OFFICE风格的MFC工程 4
4. 如何在工具栏上面添加按钮 9
4.1. 添加菜单主项 9
4.2. 为菜单项添加事件 10
4.3. 添加Ribbon字符 11
4.4. 将按钮添加到工具栏 11
4.4.1. 创建主类别（CMFCRibbonCategory） 12
4.4.2. 创建面板（CMFCRibbonPanel） 12
4.4.3. 添加按钮（CMFCRibbonButton）到面板 12

图形后台框架

基本图形类框架如下：

界面框架

主用应用了Visual Studio 2008 SP1添加的新增强包，可以方面的创建出像OFFCIE2007的Ribbon界面。





Ribbon工具栏是在MainFrm.CPP中的void CMainFrame::InitializeRibbon()生成的
整个工具栏CMFCRibbonBar分为

快捷菜单

主菜单

主菜单按钮CMFCRibbonApplicationButton



主菜单CMFCRibbonMainPanel

工具栏

主要分成3层结构：

第一层：分类（容器） CMFCRibbonCategory，如图中红色部分所示。



第二层：面板（容器） CMFCRibbonPanel ，如图中红色部分所示。



第三层：元素 CMFCRibbonBaseElem，如图中红色部分所示。



先有一个整体的概念~

如何创建OFFICE风格的MFC工程

以下是创建Visual C++ 2008 SP1创建Office风格的MFC的步骤：
首先，新建项目，选择Visual C++ 中的MFC应用程序，输入名称，点击确定





接着选择Office的项目类型，MFC的使用选择"在静态库中使用MFC"（这样可以保证在任何Windows系统中都能正确运行，如果选择共享DLL，则只能在有MFC7.0库的机子上正确运行，所以推荐选"在静态库中使用MFC"）



接下来的几个步骤都直接按默认即可









这里我们先将"导航窗格"的勾去掉（由于本程序没有用到它，所以再此不详细介绍）



这里将视图类的基类选为CScrollView,点击完成



然后运行一下，基本的雏形就出来啦，简单吧~

如何在工具栏上面添加按钮

添加菜单主项

接着继续添加菜单子项，并在属性栏中设置相应的属性，注意Prompt要按照"解释/n标题"这种格式

，例如:Prompt绘制一个圆/n画圆

做完要记得保存哦

为菜单项添加事件

右键点击需要添加事件的选项，选择添加"事件处理程序"



点击"添加编辑"，然后就到视图类的结尾找到这个事件的函数，开始编写事件，可以注意到"函数处理程序名称"是根据"命令名"自动生成的，虽然自己也可以修改，不过还是按默认的比较好，所以也说明上面提到的加入ID时候要根据这样的命名规则来命名。

添加Ribbon字符

如下图所示在String Table中添加所有需要放到工具栏中按钮的ID及其标题，别忘了保存哦

将按钮添加到工具栏

通过上面的准备，接下来，我们可以通过类视图定位到Ribbon初始化的位置



然后按照上1.2.3章节介绍的层次，来将按钮添加到菜单栏

创建主类别（CMFCRibbonCategory）

// 为"剪贴板"面板添加"主"类别:

bNameValid = strTemp.LoadString(IDS_RIBBON_HOME);//添加"主页"分类面板

ASSERT(bNameValid);

CMFCRibbonCategory* pCategoryHome = m_wndRibbonBar.AddCategory(strTemp, IDB_WRITESMALL, IDB_WRITELARGE2);//创建分类页


bNameValid = strTemp.LoadString(IDS_RIBBON_DIY);添加"自定义基本图形"主分类面板，应现在String
Table中添加IDS_RIBBON_DIY及其标题

ASSERT(bNameValid);

CMFCRibbonCategory* pCategoryDIY = m_wndRibbonBar.AddCategory(strTemp,IDB_WRITESMALL,IDB_WRITELARGE2);//创建分类IDB_WRITESMALL是小图标，IDB_WRITELARGE2是大图标，它们都是在资源里面创建的

创建面板（CMFCRibbonPanel）

//创建"绘图"面板

bNameValid = strTemp.LoadString(IDS_RIBBON_SHAPE);

ASSERT(bNameValid);

CMFCRibbonPanel* pPanelDraw = pCategoryHome->AddPanel(strTemp, m_PanelImages.ExtractIcon (7));

添加按钮（CMFCRibbonButton）到面板

//添加VC直线按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_VCLINE);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_VCLINE,strTemp,11,2));

//添加BEZIER曲线按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_BEZIER);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_BEZIER,strTemp,12,3));

//添加矩形按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_RECTANGEL);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_RECTANGLE,strTemp,13,4));

//添加VC圆按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_VCCIRCLE);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_VCCIRCLE,strTemp,14,5));

//添加VC椭圆按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_VCELLIPSE);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_VCELLIPSE,strTemp,15,6));

//添加多边形按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_POLYGON);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_DRAW_POLYGON,strTemp,16,7));

//添加画笔对话框按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_PENDIALOG);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_OPTIONS_PEN,strTemp));

//添加线颜色按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_COLOR);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_OPTIONS_COLOR,strTemp));

//添加填充色按钮到"绘图"面板

bNameValid=strTemp.LoadString(IDS_RIBBON_HATCHCOLOR);

ASSERT(bNameValid);

pPanelDraw->Add(new CMFCRibbonButton(ID_OPTIONS_FILLCOLOR,strTemp));

这样，按钮就添加到工具栏中了，具体可以查看源代

码