WinForm HTML 和 CSS 模板選項（WinForms 應用程序設計的全新方法）已在DevExpress最新版本中發布了，WinForms 平臺的 DevExpress HTML & CSS 模板選項允許您重新構想/重新設計數據感知控件（目前您可以將模板應用于WinForms數據網格、調度程序和甘特控件），并創建完全自定義 UI 元素，如按鈕、編輯器、工具欄等（由 和 組件提供）。

獲取工具下載 - DevExpress v21.2

要為控件或組件指定 Web 模板，請單擊 Visual Studio 屬性網格中相應屬性（例如，SchedulerControl.Views.DayView.HtmlTemplates.AllDayAppointment）旁邊的省略號按鈕，然后使用模板編輯器，該工具使用內置的語法編輯器來方便模板的使用。

在這篇文章中，我們將向您展示如何利用這個語法編輯器并最大限度地發揮其潛力。

WinForms語法編輯器

嵌入式編輯器的構建是為了使用有限的一組受支持的關鍵字（目前支持的 HTML 標記和 CSS 參數），如果我們將它作為一個獨立的工具發布，它需要的遠不止這些。 作為絕對最低限度，語法編輯器將要求持您可以導入外部詞典來教授編輯器新語言，而且它需要支持開箱即用的流行語言（所以你不需要手動教授它，比如 SQL 或 Markdown）。

智能代碼完成

如果您已經嘗試過DevExpress WinForm HTML 模板，可能知道此功能，我們的代碼完成輔助工具可以：

• 在您輸入時建議HTML標記名稱、CSS屬性名稱和參數值。

• 當您在 HTML 元素中輸入class=""時建議現有 CSS 樣式的名稱，或者如果沒有找到具有此類名稱的類，則創建新樣式。

• 添加換行符和表格以使您的模板格式正確且易于閱讀。

要手動觸發自動建議，請按 Ctrl+Space 快捷鍵。

導航

選擇一個開始或結束 HTML 標記，編輯器將立即突出顯示該標記的另一半。 您還可以通過將鼠標懸停在 "Preview" 面板中的元素上來查找標簽，將鼠標光標移離此面板后，雙擊一個元素以使相應的標記保持突出顯示。

按住 Ctrl 并將鼠標懸停在分配給 HTML 元素的類名上（插入符號將變為指針），單擊任何類名可立即將 CSS 面板（向上或向下）滾動到該類。

最后您可以按 Ctrl+F 調用搜索框，單擊其下拉按鈕以激活"Find & Replace"模式。

數據綁定和外部圖像

如果控件綁定到數據源，請輸入${} 并輸入源字段名稱來從該字段中檢索值。例如，<img src="${Photo}"> 創建一個綁定到 "Photo" 數據字段的圖像。無需手動輸入數據字段名稱，而是按 Ctrl+Space 熱鍵查看字段列表。

相同的快捷方式允許您從外部圖像集合中檢索圖像。 使用圖標填充 DevExpress SvgImageCollection 并將此集合分配給控件的 HtmlImages 屬性，完成后，您可以按 Ctrl+Space 將此集合中的圖像快速插入到您的 HTML 元素中。

還要注意上下文菜單中的"Edit HTML Images..."選項——它允許您在不離開模板編輯器的情況下編輯 HtmlImages 集合。

DevExpress WinForm | 下載試用

DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

更多產品正版授權詳情及優惠，歡迎咨詢

DevExpress技術交流群6：600715373      歡迎一起進群討論