1.打开vs2013，选择菜单项文件–新建–项目
2.在弹出的新建项目对话框中选择模板–Visual C+±-MFC，然后在中间选择MFC应用程序，最下方名称随便起，这里我设为RibbonExample，位置放在自己想要放的位置就好
3.点击确定，弹出MFC应用程序向导
4.点击下一步
我们建立单文档应用程序框架，然后选择office，表示这个应用程序是Office风格，然后点击下一步，都选默认值，到最后生成的类对话框，生成了四个类
5.点击完成，然后编译运行，我们就得到了一个Ribbon界面
在样式中我们还可以选择Office的几种显示风格。
接下来我们就给Ribbon Bar添加Ribbon控件。
Ribbon的界面元素可以分为类别、面板和基本控件（按钮、文本编辑框等），类别由面板组成，面板又由按钮、文本编辑框等基本控件组成。
接下来我们就实际操作一下：
1.打开我们上边创建的Ribbon工程，点击资源视图，找到文件Ribbon，双击下边的IDR_RIBBON节点，中间区域就会显示我们说的Ribbon Designer，一个Ribbon的设计界面。
如果找不到资源视图，就点击菜单项视图–资源视图
上图的Ribbon Designer中主页就是一个类别，剪切板和视图就是面板，面板上又有一些按钮，复选框等基本控件。
2.我们要向Ribbon界面中添加控件的话，也需要从工具箱中给出的Ribbon控件列表中选择控件拖入，点击右侧工具箱，就弹出了我们的Ribbon控件列表
3.我们拖一个类别控件到主页后，就会默认生成一个类别1和一个面板1，这里我们左键单击类别1，然后点击右侧的属性，弹出类别1的属性列表，（或者右键单击类别，然后选择属性，也会弹出属性列表）我们修改Caption为按钮。一样的，我们修改面板1为大按钮。
4.我们再点击工具箱，拖拽一个面板到我们的大按钮面板后，同样的方法修改其属性Caption为小按钮。
5.我们拖拽一个按钮控件到大按钮面板中，修改其Caption属性为Check；同样的拖拽两个按钮控件到小按钮面板中，修改其Caption属性分别为Open，Close
6.因为现在我们的按钮没有添加图标，所以显得很不好看，接下来就来为它们添加图标。主页类别下的面板中有大图标和小图标，小图标就是像素16X16的，大图标就是32X32的。我们需要准备三个图标，一大两小。然后把它们放在工程文件中的res文件下。
资源视图下右键Bitmap文件夹，点击添加资源，然后依次导入三个图标，默认第一次导入的图标ID为IDB_BITMAP1，以后的依次为2，3。
7.点击按钮类别，在属性列表中的Large Image选择你加入的大图标的ID，我这里为IDB_BITMAP1,在Small Image中选择小图标的ID。
8.点击面板中的按钮控件，在其属性页中进行选择，Image Index为小图标索引，Large Image Index为大图标索引，根据你所需要的加入的图标大小选择其中一个。
9.编译运行
因为按钮没有添加任何事件响应函数，所以是灰色的。
