WinForm HTML 和 CSS 模板選項(xiàng)（WinForms 應(yīng)用程序設(shè)計(jì)的全新方法）已在DevExpress最新版本中發(fā)布了，WinForms 平臺(tái)的 DevExpress HTML & CSS 模板選項(xiàng)允許您重新構(gòu)想/重新設(shè)計(jì)數(shù)據(jù)感知控件（目前您可以將模板應(yīng)用于WinForms數(shù)據(jù)網(wǎng)格、調(diào)度程序和甘特控件），并創(chuàng)建完全自定義 UI 元素，如按鈕、編輯器、工具欄等（由 和 組件提供）。

獲取工具下載 - DevExpress v21.2

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

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

WinForms語法編輯器

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

智能代碼完成

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

• 在您輸入時(shí)建議HTML標(biāo)記名稱、CSS屬性名稱和參數(shù)值。

• 當(dāng)您在 HTML 元素中輸入class=""時(shí)建議現(xiàn)有 CSS 樣式的名稱，或者如果沒有找到具有此類名稱的類，則創(chuàng)建新樣式。

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

要手動(dòng)觸發(fā)自動(dòng)建議，請按 Ctrl+Space 快捷鍵。

導(dǎo)航

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

按住 Ctrl 并將鼠標(biāo)懸停在分配給 HTML 元素的類名上（插入符號(hào)將變?yōu)橹羔槪瑔螕羧魏晤惷闪⒓磳?CSS 面板（向上或向下）滾動(dòng)到該類。

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

數(shù)據(jù)綁定和外部圖像

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

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

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

DevExpress WinForm | 下載試用

DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺(tái)創(chuàng)建具有影響力的業(yè)務(wù)解決方案。DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序，無論是Office風(fēng)格的界面，還是分析處理大批量的業(yè)務(wù)數(shù)據(jù)，它都能輕松勝任！

更多產(chǎn)品正版授權(quán)詳情及優(yōu)惠，歡迎咨詢

DevExpress技術(shù)交流群6：600715373      歡迎一起進(jìn)群討論