DotNetBar for WinForms是一個(gè)擁有89個(gè)組件的用戶界面控件套包，用戶可以使用Visual Studio 2005-2015輕松地創(chuàng)建專(zhuān)業(yè)的用戶界面。十多年來(lái)DotNetBar幫助開(kāi)發(fā)人員輕松地創(chuàng)建易用的專(zhuān)業(yè)Windows Forms (WinForms) 用戶界面。

點(diǎn)擊下載DotNetBar for WinForms

本文將會(huì)介紹該產(chǎn)品的Metro UI入門(mén)教程，此為本教程的下篇。（上篇）

MetroShell

MetroShell是一個(gè)停靠在表單頂部的根控件，它提供表單鑲邊（用于關(guān)閉，最小化和最大化表單的系統(tǒng)按鈕），后臺(tái)或應(yīng)用程序菜單，快速訪問(wèn)工具欄和頂層應(yīng)用程序選項(xiàng)卡。MetroShell控件顯示的許多元素都是可選的，因此，您不必具有應(yīng)用程序菜單或后臺(tái)，便可以在設(shè)計(jì)時(shí)將其刪除。同樣的，也適用于快速訪問(wèn)工具欄甚至選項(xiàng)卡。

應(yīng)用菜單
使用文件按鈕打開(kāi)MetroShell控件上的應(yīng)用程序菜單：

要?jiǎng)?chuàng)建默認(rèn)的后臺(tái)應(yīng)用程序菜單或標(biāo)準(zhǔn)菜單，請(qǐng)?jiān)赩S.NET中使用右鍵單擊上下文菜單選項(xiàng)，如下圖所示：

如果您的應(yīng)用程序不需要應(yīng)用程序菜單，只需選擇File（文件）按鈕并將其刪除。

快捷工具欄

快速訪問(wèn)工具欄（QAT）提供對(duì)應(yīng)用程序中常用命令的訪問(wèn)。下圖顯示了QAT的示例：

您可以通過(guò)在設(shè)計(jì)時(shí)添加默認(rèn)命令來(lái)提供默認(rèn)命令。要在設(shè)計(jì)時(shí)將按鈕添加到QAT，請(qǐng)右鍵單擊QAT，然后選擇Create（創(chuàng)建）按鈕上下文菜單命令。如果希望QAT中的某些按鈕永久存在并且最終用戶無(wú)法刪除，請(qǐng)?jiān)谶@些按鈕上設(shè)置CanCustomize = false。

用戶可以通過(guò)右鍵單擊命令并從上下文菜單中選擇適當(dāng)?shù)拿睿瑥腗etroToolbar控件向QAT添加命令。請(qǐng)注意，在創(chuàng)建MetroShell控件時(shí)，具有可以添加到QAT的命令的MetroToolbar工具欄也應(yīng)該可用，即已加載。這將確?？梢詰?yīng)用和加載最終用戶對(duì)QAT進(jìn)行的任何自定義。您可以通過(guò)序列化MetroShell.QatLayout屬性（它是簡(jiǎn)單的文本屬性）來(lái)加載和保存QAT定制，該屬性可以序列化到您選擇的任何存儲(chǔ)中，例如注冊(cè)表或文本文件。

為了防止將MetroToolbar中的按鈕添加到QAT中，請(qǐng)?jiān)谶@些按鈕上設(shè)置CanCustomize = false。QAT定制對(duì)話框中將使用MetroToolbar.Text屬性對(duì)可用的QAT命令進(jìn)行分類(lèi)。

幫助和設(shè)置按鈕

默認(rèn)情況下，MetroShell控件在窗體標(biāo)題中顯示Help（幫助）和Settings（設(shè)置）按鈕，如下所示：

這些按鈕不一定必須用于幫助和設(shè)置，您可以使用SettingsButtonText和HelpButtonText屬性更改其文本。 單擊按鈕時(shí)將調(diào)用事件SettingsButtonClick和HelpButtonClick。您可以使用MetroShell控件上的SettingsButtonVisible和HelpButtonVisible屬性隱藏任何按鈕。

MetroShell控件的關(guān)鍵屬性，方法和事件

關(guān)鍵特性：

• CanCustomize –指示最終用戶是否可以自定義控件以及將項(xiàng)目添加到快速訪問(wèn)工具欄中。

• CaptionFont –指示用于呈現(xiàn)表單標(biāo)題的自定義字體。

• CaptionHeight –指示表單標(biāo)題的自定義高度。

• CaptionVisible –指示控件是否顯示標(biāo)題，包括系統(tǒng)按鈕，表單標(biāo)題和QAT。

• CategorizeMode –指定如何在QAT自定義對(duì)話框中對(duì)命令進(jìn)行分類(lèi)。

• GlobalContextMenuBar –指定與此控件關(guān)聯(lián)的上下文菜單欄，該菜單欄用作全局項(xiàng)功能的一部分。

• Items –獲取出現(xiàn)在控件的選項(xiàng)卡條區(qū)域中的項(xiàng)目的集合。

• MouseWheelTabScrollEnabled –指示在選項(xiàng)卡條上使用鼠標(biāo)滾輪時(shí)是否更改了選定的選項(xiàng)卡。

• QatFrequentCommands –獲取自定義快速訪問(wèn)工具欄菜單上顯示的命令集合，這些命令使最終用戶可以快速將其加到QAT或從中刪除。此處顯示的命令應(yīng)該在MetroToolbar控件上可用。

• QatLayout –獲取或設(shè)置快速訪問(wèn)工具欄的布局。此屬性用于保存和加載QAT定制。

• QatLayoutChanged –獲取最終用戶是否對(duì)QAT進(jìn)行了任何自定義。

• QuickToolbarItems –獲取包含在QAT上顯示的所有項(xiàng)目的集合。

• SelectedTab –獲取或設(shè)置當(dāng)前選定的Metro選項(xiàng)卡。

• SystemText –獲取包含MetroShell控件使用的所有內(nèi)部字符串的對(duì)象。 執(zhí)行本地化時(shí)，您將更改此對(duì)象的屬性。

• TabStripFont –獲取或設(shè)置Metro標(biāo)簽條區(qū)域使用的字體。

• TitleText –指定表單標(biāo)題欄文本。 默認(rèn)情況下，控件使用Form.Text在標(biāo)題欄上顯示它，但是如果您希望顯示的標(biāo)題文本與Form.Text不同，或者如果您希望使用我們的文本標(biāo)記，請(qǐng)?jiān)O(shè)置此屬性。

• UseCustomizeDialog –指示是否使用內(nèi)置的自定義對(duì)話框自定義快速訪問(wèn)工具欄。您可以處理EnterCustomize事件以顯示您的自定義對(duì)話框，而不是用于自定義的內(nèi)置對(duì)話框。

• UseExternalCustomization –指示是否使用自定義上下文菜單內(nèi)容而不是最終用戶單擊MetroToolbar上的按鈕時(shí)顯示的內(nèi)置自定義菜單內(nèi)容。設(shè)置為true時(shí)，必須處理BeforeCustomizeMenuPopup事件以提供自己的自定義上下文菜單命令。

關(guān)鍵事件：

• BeforeQatCustomizeDialog –在顯示快速訪問(wèn)工具欄對(duì)話框之前發(fā)生此事件提供了取消顯示內(nèi)置對(duì)話框和顯示自定義對(duì)話框的機(jī)會(huì)。

• AfterQatCustomizeDialog –在快速訪問(wèn)工具欄對(duì)話框關(guān)閉后發(fā)生。

• AfterQatDialogChangesApplied –在快速訪問(wèn)工具欄對(duì)話框上進(jìn)行的任何更改應(yīng)用于實(shí)際的快速訪問(wèn)工具欄之后發(fā)生。

• BeforeAddItemToQuickAccessToolbar –在由于用戶操作而將項(xiàng)目添加到快速訪問(wèn)工具欄之前發(fā)生。通過(guò)設(shè)置事件參數(shù)的Cancel = true，此事件提供了取消添加項(xiàng)目的功能。

• BeforeCustomizeMenuPopup –在顯示自定義彈出菜單之前發(fā)生，并提供取消菜單顯示以及從自定義彈出菜單添加/刪除菜單項(xiàng)的功能。

• BeforeRemoveItemFromQuickAccessToolbar –在由于用戶操作而從快速訪問(wèn)工具欄中刪除項(xiàng)目之前發(fā)生。通過(guò)設(shè)置事件參數(shù)的Cancel = true，此事件提供了取消添加項(xiàng)目的功能。

• TitleTextMarkupLinkClick –在單擊TitleText標(biāo)記中的文本標(biāo)記鏈接時(shí)發(fā)生?？梢允褂谩?a”標(biāo)簽創(chuàng)建標(biāo)記鏈接。

關(guān)鍵方法：

• AddItemToQuickAccessToolbar –將從BaseItem繼承的對(duì)象添加到QAT。

• RemoveItemFromQuickAccessToolbar –從QAT刪除項(xiàng)目。

• CreateTab –創(chuàng)建Metro標(biāo)簽和相關(guān)面板。

• ShowQatCustomizeDialog –顯示快速訪問(wèn)工具欄自定義對(duì)話框。

• RegisterToolbar –向控件注冊(cè)MetroToolbar，以便它可以參與QAT定制。

• UnregisterToolbar –從QAT定制中刪除MetroToolbar。

風(fēng)格

Metro UI使用StyleManager組件控制其外觀?，F(xiàn)已開(kāi)發(fā)了專(zhuān)有的配色方案生成算法，該算法將采用您指定的兩種顏色，并為所有UI元素生成完整的配色方案，以使配色方案在視覺(jué)上令人愉悅并且非常適合Metro UI。添加MetroShell控件后，StyleManager會(huì)自動(dòng)添加到表單中。

配色方案生成算法采用2種顏色作為輸入：

• Canvas（畫(huà)布）顏色是表單等的背景顏色。

• Base（基本）色是配色方案的主要特征色，與Canvas顏色一起使用以生成整個(gè)配色方案。

可以在StyleManager.MetroColorParameters對(duì)象上指定這些顏色。只需在VS.NET屬性對(duì)話框中選擇它，然后更改其值，如下所示：

環(huán)境屬性，即BackColor，F(xiàn)oreColor

在StyleManager上選擇Metro樣式后，表單上的所有控件將自動(dòng)接收Metro配色方案的環(huán)境設(shè)置，這意味著它們的BackColor和ForeColor屬性將設(shè)置為匹配當(dāng)前Metro主題。在某些情況下，您可能希望在控件上設(shè)置自定義BackColor和/或ForeColor屬性，而又不想讓StyleManager覆蓋它們。在這種情況下，將StyleManagerAmbient組件添加到窗體中，該組件管理哪些控件已設(shè)置了環(huán)境屬性。當(dāng)您將StyleManagerAmbient組件添加到窗體中時(shí)，所有控件都會(huì)收到一個(gè)附加的屬性EnableAmbientSettings，可用于指示哪些環(huán)境屬性（如果有），StyleManager將在該特定控件上更改。

如何更改metro顏色表

Metro特定控件（例如MetroTab，MetroShell，MetroForm，MetroToolbar和MetroStatusBar）使用MetroColorTable對(duì)象中的顏色。要自定義這些系統(tǒng)顏色，您需要訪問(wèn)當(dāng)前的MetroColorTable并更改其上的適當(dāng)屬性。 例如，要更改MetroShell呈現(xiàn)的MetroForm標(biāo)題顏色，可以使用以下代碼：

MetroColorTable table = DevComponents.DotNetBar.Metro.Rendering.MetroRender.GetColorTable();
table.MetroTab.ActiveCaptionText = Color.Green;
table.MetroTab.InactiveCaptionText = Color.Red;

請(qǐng)注意：如果您更改當(dāng)前樣式或更改StyleManager.MetroColorParameters，對(duì)MetroColorTable所做的任何更改都將被覆蓋，并且需要再次進(jìn)行。

點(diǎn)擊此處查看上篇。