QtitanNavigationDesignUI實(shí)現(xiàn)了Digia Qt.C++的導(dǎo)航設(shè)計(jì)和Fluent Design UI概念

QtitanNavigationDesignUI組件是一組GUI控件，這些GUI控件實(shí)現(xiàn)了諸如漢堡菜單，導(dǎo)航框架，命令欄之類(lèi)的導(dǎo)航界面，并添加了控件，其主要任務(wù)是改善Qt.C ++應(yīng)用程序的用戶體驗(yàn)。QtitanNavigationDesignUI的控件結(jié)合了用戶界面構(gòu)造的各種范式“ Ribbon UI”和“ Side Bar”，可在您的應(yīng)用程序中更好地導(dǎo)航，使用戶對(duì)應(yīng)用程序各部分的訪問(wèn)更加直觀。

QtitanNavigationDesignUI概述

組件提供以下部分：

• 窗口標(biāo)題欄自定義

  組件提供了定制窗口標(biāo)題欄的解決方案。您可以控制非客戶端框架的大小，背景顏色，系統(tǒng)按鈕和其他元素?？梢詫ⅰ昂笸恕?按鈕添加到標(biāo)題欄，而不是系統(tǒng)菜單按鈕。特殊模式允許將標(biāo)題欄直接放置在窗口工作區(qū)上?？梢酝ㄟ^(guò)QStyle和負(fù)責(zé)渲染標(biāo)題欄的相應(yīng)原語(yǔ)（例如QStyle :: SC_TitleBarSysMenu，QStyle :: SC_TitleBarCloseButton等）來(lái)添加自定義QWidget和通常完全托管的渲染標(biāo)題欄。

  

• Acrylic材料

  組件使您可以創(chuàng)建代表Acrylic材料的特殊小部件，以使應(yīng)用程序在視覺(jué)上具有很大的深度和體積。您可以控制材質(zhì)的色調(diào)顏色和不透明度級(jí)別。材質(zhì)小部件支持兩種模式。第一種模式顯示桌面的背景，應(yīng)用程序后面的其他窗口部分透明且模糊。第二種模式顯示其他QWidget在應(yīng)用程序內(nèi)部的材料部件背后是半透明的且模糊的。有關(guān)詳細(xì)信息，請(qǐng)參見(jiàn)屏幕截圖：

  

  在Windows 10或MacOSX下，組件使用本機(jī)API將材質(zhì)筆刷與桌面的模糊背景混合。 

• 導(dǎo)航視圖

   NavigationView它是一個(gè)小部件，通常是窗口上的主要小部件，提供可折疊的導(dǎo)航菜單和導(dǎo)航框架。窗口小部件會(huì)自動(dòng)使自己的視圖布局適應(yīng)不同的窗口大小。

  

• 導(dǎo)航欄（命令欄）

  使用新的導(dǎo)航欄，可以更輕松快捷地查找所需信息。類(lèi)似于QMenuBar，它位于應(yīng)用程序主窗口的頂部。它可能包含許多帶有圖標(biāo)或任何小部件（QWidget）的導(dǎo)航按鈕。

  

• 導(dǎo)航應(yīng)用程序的類(lèi)集

  一些類(lèi)允許您快速、低成本地創(chuàng)建支持導(dǎo)航設(shè)計(jì)概念的應(yīng)用程序，并提供應(yīng)用程序頁(yè)面之間的便捷導(dǎo)航。

  NavigationFrame ：這個(gè)小部件提供了頁(yè)面之間的切換，并支持點(diǎn)擊歷史記錄，可以與標(biāo)題欄上的 "返回 "按鈕關(guān)聯(lián)。切換時(shí)可使用多種動(dòng)畫(huà)模式。

  NavigationMainMenu ：與NavigationBackstageMenu一起是一個(gè)新的垂直堆疊的導(dǎo)航結(jié)構(gòu)。NavigationMainMenu：包含了一組全局磁貼，它可以與一個(gè)下級(jí)的低級(jí)菜單相關(guān)聯(lián)，也可以與任何用戶操作相關(guān)聯(lián)（工作方式就像一個(gè)簡(jiǎn)單的按鈕）。

  NavigationBackstageMenu ：是一個(gè)單一的下拉面板，將項(xiàng)目按類(lèi)別排列。NavigationBackstageMenu可以受制于NavigationMainMenu的項(xiàng)目或從屬于位于導(dǎo)航欄上的按鈕。該組件允許您同時(shí)共享瓦片和按鈕的單項(xiàng)菜單。

  NavigationSidePane 輔助彈出面板，通常用于顯示幫助信息。但你也可以使用其他附屬目標(biāo)，例如顯示應(yīng)用程序的設(shè)置。該面板平滑地顯示在應(yīng)用程序主窗口的側(cè)面

• 預(yù)定義主題集

  組件提供使用主題選項(xiàng)個(gè)性化配色方案的功能。您可以更改導(dǎo)航欄的顏色，主菜單背景，后臺(tái)菜單背景，標(biāo)題顏色，項(xiàng)目默認(rèn)顏色，鏈接顏色。此外，組件選項(xiàng)具有多個(gè)預(yù)定義的顏色主題，可以快速選擇。

  導(dǎo)航UI淺藍(lán)色主題

  

  導(dǎo)航UI紅色主題

  

• 最近瀏覽

  QtitanNavigationDesignUI的一個(gè)不錯(cuò)的功能是“最近查看的項(xiàng)目”引擎。使用此工具，您可以訪問(wèn)與應(yīng)用程序的記錄，視圖和儀表板關(guān)聯(lián)的最近查看的操作。用戶可以固定經(jīng)常訪問(wèn)的導(dǎo)航操作和視圖，然后單擊此按鈕以顯示還具有最近查看過(guò)的項(xiàng)目的列表。（正在開(kāi)發(fā)中）

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

該組件采用100%原生Qt/C++設(shè)計(jì)，不使用外部借用和第三方庫(kù)。但是，有部分代碼在各個(gè)平臺(tái)上以不同的方式實(shí)現(xiàn)。這樣做是因?yàn)镼t的一些特性，也是出于提高渲染性能的考慮。

QtitanNavigationDesignUI支持--Qt5.x 32位或64位。Qt4.8可以被請(qǐng)求支持。

與Qt Designer集成

QtitanNavigation組件與Qt Designer進(jìn)行了方便的集成。這允許您在設(shè)計(jì)時(shí)管理導(dǎo)航界面在表單中的位置。導(dǎo)航界面設(shè)計(jì)器插件同時(shí)支持QtDesigner和QtCreator。此外，該組件還包含一個(gè)QtCreator的應(yīng)用向?qū)０濉?

當(dāng)前版本V2.1.0

此版本向按鈕添加了燈光效果，就像在原始Windows Fluent Design用戶界面中所做的那樣。當(dāng)您將鼠標(biāo)移到按鈕上時(shí)，指示燈會(huì)出現(xiàn)。內(nèi)部背景和單獨(dú)的框架邊框以淺色突出顯示。對(duì)于某些按鈕，邊框會(huì)分別突出顯示。當(dāng)您單擊帶有燈光效果的按鈕時(shí)，按下時(shí)會(huì)伴隨著燈光動(dòng)畫(huà)。

下載最新版本QtitanNavigation

工具推薦：

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