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

 

 

1. 图形后台框架

   1. 基本图形类框架如下：

   

2. 界面框架

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

   

 

Ribbon工具栏是在MainFrm.CPP中的void CMainFrame::InitializeRibbon()生成的

整个工具栏CMFCRibbonBar分为

1. 快捷菜单

   

2. 主菜单

   主菜单按钮CMFCRibbonApplicationButton

   

   主菜单CMFCRibbonMainPanel

   

3. 工具栏

   主要分成3层结构：

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

   

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

   

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

先有一个整体的概念~

1. 如何创建OFFICE风格的MFC工程

   以下是创建Visual C++ 2008 SP1创建Office风格的MFC的步骤：

   首先，新建项目，选择Visual C++ 中的MFC应用程序，输入名称，点击确定

   

   

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

   

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

   

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

   

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

   

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

   

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

   1. 添加菜单主项

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

做完要记得保存哦

 

 

 

 

 

 

 

 

 

1. 为菜单项添加事件

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

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

1. 添加Ribbon字符

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

1. 将按钮添加到工具栏

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

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

 

1. 创建主类别（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是大图标，它们都是在资源里面创建的

 

1. 创建面板（CMFCRibbonPanel）

//创建"绘图"面板

bNameValid = strTemp.LoadString(IDS_RIBBON_SHAPE);

ASSERT(bNameValid);

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

1. 添加按钮（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));

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