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

DevExpress WinForm 近日正式發(fā)布了2022年第一個重大版本——v22.1，此版本也正式升級了之前版本中發(fā)布的HTML CSS模板功能，歡迎下載最新版體驗(yàn)！

HTML CSS 模板

列表框、組合框、警報(bào) - HTML和CSS標(biāo)記支持

v22.1 為我們的WinForms ListBox、ComboBox和Alert控件引入了 HTML 和 CSS 標(biāo)記支持，使用HtmlTemplates屬性定義可應(yīng)用于項(xiàng)目的HTML-CSS模板集合，閱讀以下文章：

• DevExpress WinForms的HTML & CSS 模板 — 新控件和功能
• DevExpress WinForms HTML & CSS模板——輕松創(chuàng)建警報(bào)通知

處理以下事件以響應(yīng)針對 HTML UI 元素的鼠標(biāo)操作：

• HtmlElementMouseOver
• HtmlElementMouseMove
• HtmlElementMouseOut
• HtmlElementMouseClick
• HtmlElementMouseDown
• HtmlElementMouseUp

HTML Content控件 - 存儲庫項(xiàng)的輸入標(biāo)記

您現(xiàn)在可以將存儲庫項(xiàng)目包裝在 <input> 標(biāo)記內(nèi)。

'name' 屬性按名稱引用存儲庫項(xiàng)，'value' 屬性指定數(shù)據(jù)字段名稱。

HTML

<div class='default-avatar-container' hidden='${HasPhoto}'>
<input class='default-avatar' name='pictureEdit' value='${Photo}' />
<a class='choose-photo' id='choose_Photo'>Choose a photo</a>
</div>
<div class='default-avatar-container avatar-container' hidden='${IsDefaultPhoto}'>
<input class='avatar' name='pictureEdit' value='${Photo}' />
</div>
<div class='input-box'>
<input class='input' name='emailEdit' value='${Email}'/>
</div>

我們的Template Designer 在包括'In-place Editor Repository' 選項(xiàng)卡，打開此選項(xiàng)卡來創(chuàng)建要在 HTML 模板中引用的存儲庫項(xiàng)目。

HTML模板設(shè)計(jì)器增強(qiáng)

HTML 模板設(shè)計(jì)器現(xiàn)在附帶以下選項(xiàng)：

• 區(qū)域折疊
• 縮進(jìn)指南
• 行號

TileView - 項(xiàng)目自動高度

我們添加了一個新的 選項(xiàng)來支持由HTML和基于CSS模板呈現(xiàn)的圖塊的自動高度模式，在自動高度模式下，磁貼會垂直拉伸以完全顯示內(nèi)容。

新的 CSS 屬性

我們支持以下 CSS 屬性：

• overflow-wrap
• white-space
• background-image
• background-position
• background-size
• background-repeat

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