如何使用Qt实现Ribbon效果？

没有Microsoft在其办公解决方案中提供的界面，就无法想象现代应用程序，这个概念称为Ribbon UI，目前它是使应用程序与时俱进的主要属性。QtitanRibbon是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件，QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。

下载最新版QtitanRibbon

平台：win10 64bit + VS2013 update5 + Qt5.6.0 64bit（色彩效果仿照windows的写字板，效果通过QSS实现）

新建一个Qt应用程序工程，删掉UI默认的菜单栏和工具栏。

添加一个widget和一个scrollArea到UI，两个控件采用垂直布局。widget中放置一个pushButton和一个TabWidget，widget采用水平布局，scrollArea中放置一个widget，采用水平布局（垂直布局也可），完成后效果如下：

说说我的思路吧！左上方的按钮打算做成一个文件菜单，里面有打开、保存、关于等按钮，tabwidget用来模仿Ribbon效果，下方的scrollArea就是配角而已，看着好看而已的，我们继续。。。

将主界面和上方widget的layout边距设为0，spacing也设为0，修改按钮和tabwidget的文字。设置scrollArea中的widget背景色为白色，固定一个合适的宽度，设置srollArea的背景色（ui.scrollArea->setBackgroundRole(QPalette::Mid);），完成后效果如下：

是不是有点感觉了？我们接着来。

我们需要把文件菜单放到主页的左边，然后主页这些标签依次向右移动。按钮放到tabwidget上面好办，绝对位置即可，可是tabwidge的标签怎么移动呢？这就要借助QSS了，代码如下：

按钮移动代码：

ui.pushButton_MenuFile->setParent(ui.tabWidget);

tabWidget的tab