“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主題是一個更爲輕鬆的主題。

Material theme

Material Dark theme

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

使用WinForm Material Theme Designer創建新主題

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

WinForms Material Designer

WinForms Material Designer

要更改主題的配色方案,請按照以下簡單步驟操作:

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

請參閱材料主題設計器:

WinForms Material Design

將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>

使用代碼

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

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

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

Select base theme

2、 單擊BTP編輯器按鈕(1)。 這將打開一個新的基本主題屬性編輯器。 選擇“材料”屬性(2)。 在這裏,您可以看到材質中使用的不同顏色:

Colors used in Material Design

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

4、 展開C1FlexGrid>樣式>固定節點。 此節點將保存固定(標題)單元格的樣式。

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

6、 您可以在選擇器下拉列表中選擇“參考”選項卡以選擇主要顏色。

Select a primary color

7、 您可以保存此主題並按照“在應用程序中應用材料主題”部分中的說明使用它。 您的FlexGrid現在應該具有基於主要顏色設置的標題顏色。

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


ComponentOne Enterprise | 下載試用

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章