「Material Design」設計規範在 ComponentOne For WinForm 的全新嘗試！

概述

Material Design設計規範的受歡迎程度和實用性已經引發了 ComponentOne 技術團隊的重視。ComponentOne Enterprise 2018V3 版本將全面支持Material specs的功能集。 在此以前，咱們已經在ASP.NET MVC和JavaScript控件中添加了 Material 支持。 隨着Material Design的日益普及，咱們的桌面用戶也將可使用， ComponentOne For WinForm在2018V3中針對材料設計規範增長了全新的主題設計。

將材料主題添加到 WinForm 應用程序

ComponentOne For WinForm Edition中添加了全新的Material和Material Dark主題。 這些主題便可做爲 ComponentOne 主題，也可應用於 WinForm 平臺以及大多數經常使用的Microsoft 框架中。 這兩個主題提供兩種不一樣的配色方案，但遵循相同的材料原則和顏色規格，甚至能夠做爲將來材料主題的基本元素。 與Material Dark相比，Material主題是一個更爲輕鬆的主題。

如下是 ComponentOne 控件在默認主題和Material主題中的外觀比較：

使用WinForm Material Theme Designer建立新主題

Material Design顏色系統由主要顏色和次要顏色組成。 這些顏色反映了您的應用程序的主題和樣式。 ComponentOne中提供的 Material Designer是一個交互式設計器，可以讓您爲Material主題選擇主要和次要風格樣式。您能夠保存主題並在之後直接將其應用於WinForm應用程序。

WinForms Material Designer

要更改主題的配色方案，請按照如下簡單步驟操做：

1. 運行Material Theme Designer示例。
2. 單擊「設置」選項卡，而後根據您的品牌/主題選擇模板和強調顏色。
3. 使用C1控件預覽主題的外觀。
4. 單擊cog圖標以打開應用程序菜單。
5. 單擊「保存主題」將主題保存在首選位置。

請參閱材料主題設計器：

將Material Themes應用於WinForm 應用程序

材料主題設計器能夠在 WinForm 應用程序的設計階段和運行階段啓動。 您能夠在設計時使用「主題控制器」對話框或經過修改「App.config」文件來應用主題。 要在運行時啓動，請使用C1ThemeController靜態類來應用主題。

使用主題控制器對話框

1. 在Visual Studio的表單設計器中打開應用程序中的表單。

2. 從設計器的工具箱中，拖動C1ThemeController並將其放在表單上。將出現ThemeController對話框。這使您能夠選擇：

   • 應用程序範圍的默認主題，

   • 當前控制器的默認主題，

   • 全部支持控件的主題已經在表單上。

     在彈出的對話框中，主題最初被指定爲「（none）」，適用於表單上已有的控件。這樣作能夠防止無心中更改這些控件上的屬性設置。

3. 單擊對話框中的所有（默認）按鈕，以便在全部控件上設置默認主題。注意：若是您已經自定義了一些控件，則會忽略此控件，而且不會還原默認主題。

4. 從可用內置主題列表中選擇「材質」。您還能夠選擇使用Material Theme Designer建立的材質主題。

5. 單擊上面提到的所有（默認）按鈕，在窗體上的全部支持控件上設置默認主題。

6. 單擊肯定按鈕以關閉對話框並將指定的主題應用於窗體上的控件。

使用App.config文件

確保您的產品路徑下包含C1.Win.C1Themes.dll。 您能夠在App.Config中添加如下應用程序設置以應用基本主題：

<configuration> <appSettings> <add key="C1ApplicationTheme" value="Material"/> </appSettings> </configuration> <configuration> <appSettings> <add key="C1ApplicationTheme" value="Material"/> </appSettings> </configuration>

使用代碼

確保您的產品路徑下包含C1.Win.C1Themes.dll。在加載前在您的應用程序中添加如下代碼。

C1Theme theme = C1.Win.C1Themes.C1ThemeController.GetThemeByName(「Material」, false); C1ThemeController.ApplyThemeToControlTree(control, theme); C1Theme theme = C1.Win.C1Themes.C1ThemeController.GetThemeByName(「Material」, false); C1ThemeController.ApplyThemeToControlTree(control, theme);

自定義材質主題（高級）

C1Theme Designer應用程序容許爲WinForm Edition中的任何控件輕鬆設計新主題。 它還容許您編輯/修改現有主題以實現您選擇的外觀，或與應用程序主題匹配。 您能夠進一步使用此應用程序將Material主題調整到控件容許的最精細級別。

主題是一個帶有.c1theme擴展名的XML文件，它由一組屬性及其值組成（它決定了控件的外觀）。 主題在內部劃分爲對應於不一樣控件的不一樣部分。 全部其餘控件均可以訪問「基本主題屬性」部分。 此部分包含子部分「材質」，該部分存儲能夠更改成建立不一樣材質主題的「材質」屬性。

例如，下面讓咱們嘗試更改FlexGrid的材質主題，其中標題是主要顏色。

如何使用WinForms Material Theme Designer

一、 從ComponentOne開始菜單打開ComponentOne主題設計器。 按Ctrl + N或文件>新建。 選擇「材質」做爲新主題的基本主題。

二、 單擊BTP編輯器按鈕（1）。 這將打開一個新的基本主題屬性編輯器。 選擇「材料」屬性（2）。 在這裏，您能夠看到材質中使用的不一樣顏色：

三、 轉到主題樹並展開C1FlexGrid節點。

四、 展開C1FlexGrid>樣式>固定節點。 此節點將保存固定（標題）單元格的樣式。

五、 選擇ForeColo下拉列表以打開顏色選擇器。

六、 您能夠在選擇器下拉列表中選擇「參考」選項卡以選擇主要顏色。

七、 您能夠保存此主題並按照「在應用程序中應用材料主題」部分中的說明使用它。 您的FlexGrid如今應該具備基於主要顏色設置的標題顏色。

歡迎您下載體驗 ComponentOne Enterprise，並與咱們分享您是如何設計桌面應用程序以及Material主題如何與您的應用程序協同工做的寶貴經驗。

---

ComponentOne Enterprise | 下載試用

ComponentOne是一款專一於企業應用高性能開發的 .NET 全功能控件套包，包含300餘種控件，支持7大平臺，涵蓋7大功能模塊。較於市面上其餘同類產品，ComponentOne更加輕盈，功能更增強大，20多年的開發經驗，將爲您的應用系統帶來更爲安全的使用體驗。純中文操做界面，一對一技術支持，廠商級的技術服務，共同造就了這款國際頂級控件套包。

您對ComponentOne 產品的任何技術問題，都有技術支持工程師提供1對1專業解答，點擊此處便可發帖提問>> 技術支持論壇