QtitanRibbon組件實(shí)現(xiàn)了Microsoft Ribbon for Qt的概念，設(shè)計(jì)用于任何使用Qt開發(fā)的商業(yè)應(yīng)用。這個(gè)組件和Qt一道為獲取一些應(yīng)用提供了一個(gè)難得的機(jī)會(huì)，這些應(yīng)用在全球三大主要平臺(tái)Windows、Linux和Mac OS X上都有現(xiàn)代化的外觀和感覺。

下載最新版QtitanRibbon

QtitanRibbon為最終應(yīng)用提供了5種主題：藍(lán)色、黑色、淺綠色、銀色和風(fēng)景畫。下面是真實(shí)效果的一些截圖。

Windows平臺(tái)：

Linux平臺(tái)：

Mac平臺(tái)：

正如你所看到的，外觀在三個(gè)平臺(tái)上簡(jiǎn)直完全一樣，這是我們精心設(shè)計(jì)的結(jié)果。僅僅有一個(gè)默認(rèn)的區(qū)別：每個(gè)平臺(tái)主題UI的初始化不同。Windows代表了經(jīng)典，所以是藍(lán)色主題。Linux平臺(tái)總讓人聯(lián)想起黑客和爆脾氣的人，因而它的初始化主題是黑色的。Mac OS X象征著智慧與奢華，所以默認(rèn)主題是風(fēng)景優(yōu)美的圖畫。任何時(shí)候，Ribbsson UI的初始化主題都可以被修改，與平臺(tái)無關(guān)。

QtitanRibbon作為Ribbon UI for Nokia's Qt的實(shí)現(xiàn)標(biāo)準(zhǔn)

QtitanRibbon的實(shí)現(xiàn)嚴(yán)格遵守Microsoft的標(biāo)準(zhǔn)和規(guī)范，并應(yīng)用到Ribbon UI概念。Ribbon UI概念從用戶中發(fā)展建立起來。因而如果您使用的是QtitanRibbon，那么您的用戶能輕松地學(xué)習(xí)和快速啟動(dòng)您的應(yīng)用。控件的組成相當(dāng)于一個(gè)集合，Ribbon UI 說明書對(duì)其進(jìn)行了描述。QtitanRibbon組件提供以下元素：

下表是一些已實(shí)現(xiàn)和計(jì)劃中的元素：

本產(chǎn)品中，我們與Ribbon UI一起還提供了一種Style OfficeStyl(它繼承自QStyle)，您可以使用它創(chuàng)建與Microsoft Office 2007或者2010非常相似的應(yīng)用。Style OfficeStyle能很好的提供5種主題：藍(lán)色、黑色、銀色、淺綠色和風(fēng)景畫。

QtitanRibbon -實(shí)現(xiàn)細(xì)節(jié)

這個(gè)組件100%使用原生Qt/C++設(shè)計(jì)，沒有借助其他工具和第三方庫(kù)。然而，每個(gè)平臺(tái)上的部分代碼是以不同的方式實(shí)現(xiàn)的，緣由于Qt的部分特性，也是為了提高渲染性能。

QtitanRibbon支持Qt4.5.x、Qt4.6.x、Qt4.7.x、Qt4.8.x以及Qt5.x.x的所有版本。

集成Qt Designer

QtitanRibbon組件便捷集成了Qt Designer。這允許您在運(yùn)行時(shí)管理表格中Ribbon UI的位置。

概述

QtitanRibbon是一組窗體部件集（控件元素），能幫助您輕松、快速地為應(yīng)用添加下一代用戶界面（見圖1）。產(chǎn)品完全基于Qt SDK。

我們使用幾種全新的方法為您提供市場(chǎng)上最佳、最全面的UI解決方案。以下是它的一些最重要的功能：

• 與Microsoft Ribbon功能完全相同。

• 能輕松集成到已有的或新的應(yīng)用中。

• 樣式選擇多變，包括Office 2007、Office 2010(藍(lán)色、銀色、黑色、淺綠色、風(fēng)景畫）， Office 2013正在開發(fā)中。

• 優(yōu)化的繪畫引擎。

• 純Qt代碼，無條件支持Windows和Linux系統(tǒng)。

QtitanRibbon使用Qt SDK通過C++編寫，并支持以下環(huán)境：

• Visual Studio 2003

• Visual Studio 2005

• Visual Studio 2008

• Visual Studio 2010

• Visual Studio 2012

• Qt Creator

• Qt產(chǎn)品集成的任何其他IDE

• Qt 4.5 - 4.8, Qt 5 (32位/64位)

• Windows、Linux、Mac OSX

QtitanRibbon元素

Ribbon

Ribbon是用戶界面的主要元素，包含了多個(gè)標(biāo)簽。 每個(gè)標(biāo)簽的內(nèi)容都進(jìn)行了分組（見圖2、圖3）。

圖2. 主標(biāo)簽選項(xiàng)卡

圖3. 主標(biāo)簽選項(xiàng)卡和激活的內(nèi)容菜單

當(dāng)一個(gè)組允許您自動(dòng)定位窗體部件，它還有另一個(gè)非常有用的功能，可以最小化無論寬度是否改變的ribbon，并且提供對(duì)其特性的所有訪問權(quán)限（見圖4）。

圖4. 基于ribbon寬度的組定位

當(dāng)一個(gè)組最小化之后，用戶可以左擊組打開一個(gè)彈出式窗口，通過它來訪問組的控件元素。

圖5. 訪問最小化組的控制元素

系統(tǒng)按鈕

左上角的按鈕可以打開應(yīng)用菜單（見圖6）：

MDI

QtitanRibbon支持MDI(多文檔界面) (見圖7、圖8)。

圖7. 應(yīng)用的子窗口排列

圖8. 應(yīng)用子窗口的最大化

您也可以使用MDITabs管理子窗口。

圖9. MDITabs的使用

QtitanRibbon風(fēng)格

支持以下風(fēng)格：

• Office 2007藍(lán)色 (見圖10)

• Office 2007銀色 (見圖11)

• Office 2007黑色 (見圖12)

• Office 2007淺綠色 (見圖13)

您可以在Qt用戶界面的經(jīng)典視圖中使用上面列出的風(fēng)格（見圖14），這樣所有Qtitan的風(fēng)格都繼承自QStyle。

圖10.Office 2007藍(lán)色

圖11.Office 2007銀色

圖12.Office 2007黑色

圖13.Office 2007淺綠色

您可以在Qt用戶界面的經(jīng)典視圖中使用上面列出的風(fēng)格（見圖14），這樣所有Qtitan的風(fēng)格都繼承自QStyle。

控件元素（窗體部件）

Qtitan Ribbon每一個(gè)控件元素的開發(fā)都是為了兼容了以下需求：

• 控件元素能用于不同的環(huán)境中，例如ribbon、表格和彈出式菜單。

• 控件元素應(yīng)盡可能是一個(gè)窗口，它保存系統(tǒng)資源，避免一系列問題。

• 控件元素應(yīng)該有幾個(gè)可視化的演示。例如，對(duì)于ribbon，控制元素的圖標(biāo)可大可小，文本可有可無。當(dāng)ribbon的寬度發(fā)生了變化，元素能有相應(yīng)的變化。

按鈕

按鈕提供了以下使用選項(xiàng)：

• 支持彈出式菜單（工具按鈕彈出模式）

• 支持KeyTip

• 支持ScreenTip

• 支持可變和復(fù)選狀態(tài)

• 支持顯示ToolButtonStyle

• 支持文本和圖像調(diào)整

您可以依據(jù)大小和當(dāng)前狀態(tài)來預(yù)覽ribbon上的按鈕。見圖15：

彈出式按鈕

帶彈出菜單的按鈕允許用戶從列表中選擇操作命令，它也提供一下功能（見圖16）：

• 支持KeyTip

• 支持ScreenTip

• 支持可變和復(fù)選狀態(tài)

• 支持顯示ToolButtonStyle

• 支持文本和圖像調(diào)整

圖16.帶有下拉菜單的幾種按鈕

按鈕具有混合功能（見圖17、圖18），有兩種工作模式-常規(guī)按鈕和帶彈出式菜單按鈕。允許用戶從菜單列表選擇命令的按鈕擁有以下屬性：

• 支持KeyTip

• 支持ScreenTip

• 支持可變和復(fù)選狀態(tài)

• 支持顯示ToolButtonStyle

• 支持文本和圖像調(diào)整

圖18.Split Button狀態(tài)選項(xiàng)

按鈕組

您可以將小型按鈕加入分組（見圖19）。

復(fù)選框和單選按鈕

復(fù)選框和單選按鈕提供了常規(guī)QCheckBox和QRadioButton的功能（見圖20）：

• 能于用在ribbon和表格

• 支持KeyTip

• 支持ScreenTip

• 支持可變和復(fù)選狀態(tài)

組合框

ComboBox擁有常規(guī)QComboBox的所有功能（見圖21）：

• 能用于ribbon和表格

• 支持KeyTip

• 支持ScreenTip

• 支持可變狀態(tài)

• 支持Text Box

滑動(dòng)條

滑動(dòng)條控件元素允許用戶在設(shè)定的范圍內(nèi)改變值：

• 能用于ribbon和表格

• 支持可變狀態(tài)(見圖22、圖23)

圖22.在ribbon group中使用Slider組件

圖23.在status bar中使用Slider組件

SpinBox (數(shù)值升降)

SpinBox允許用戶改變其數(shù)值，并且有兩個(gè)按鈕：增加按鈕和減少按鈕。這個(gè)組件提供以下功能：

• 能用于ribbon和表格

• 支持KeyTip

• 支持ScreenTip

• 支持可變狀態(tài)

• 支持Text Box

圖24.Qtitan Ribbon中的SpinBox

滾動(dòng)條

根據(jù)當(dāng)前選定的主題，可以對(duì)ribbon和表格進(jìn)行水平和垂直滾動(dòng)操作。

圖25.水平滾動(dòng)和垂直滾動(dòng)

標(biāo)簽

雖然所有的控件元素都支持自己的文本，但是在某些情況下使用標(biāo)簽還是更方便，它的功能如下：

• 能用于ribbon和表格

• 支持顯示文本和圖像（見圖26）

圖26.使用Label顯示文本和圖像

選項(xiàng)卡控件

常規(guī)控件元素QTabBar是通過選定的主題定義的。

圖27.TabControl in QtitanRibbon

狀態(tài)欄

標(biāo)準(zhǔn)狀態(tài)欄（QStatusBar）的外觀也取決于當(dāng)前選定的主題。
您也可以使用狀態(tài)欄中的以下控件元素：

• 下壓按鈕

• 切換按鈕

• 進(jìn)度條

• 滑動(dòng)條

• 標(biāo)簽

圖28.StatusBar in QtitanRibbon

感謝您的閱讀，希望這篇文章能帶給你一定的幫助！如果這篇文章沒能滿足你的需求、點(diǎn)擊獲取更多文章教程！現(xiàn)更多Qt類開發(fā)工具QtitanRibbon、QtitanChart、QtitanNavigation、QtitanDocking、QtitanDataGrid在線訂購(gòu)現(xiàn)直降1000元，歡迎咨詢慧都獲取更多優(yōu)惠>>