DevExpress WinForms拥有180组件和UI库能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序无论是Office风格的界面还是分析处理大批量的业务数据它都能轻松胜任DevExpress WinForms 已正式发布了重大版本v22.2此版本全面升级了对HTML CSS的支持、增强了仪表板功能等。DevExpress新旧版本帮助文档下载可进QQ qun获取169725316仪表板支持DirectXDevExpress WinForms Gauges仪表板控件现在在放置DirectX表单中时使用DirectX引擎渲染。支持HTML CSS消息框和对话框的HTML CSS模板WinForms消息框和对话框组件现在支持HTML和CSS模板。用于工具提示的HTML CSS模板新版本的WinForms ToolTips现在支持HTML CSS模板。Accordion - 支持HTML CSS模板WinForms Accordion控件现在支持业界首创的WinForms HTML CSS模板引擎HTML CSS模板允许开发者在最短的时间内创建完全自定义的用户界面新的API几乎可以为每个Accordion UI元素生成模板。技术团队创建了一个新的演示展示如何将WinForms Accordion控件转换为漂亮的Hamburger菜单。HTML选择用户现在可以选择HTML模板显示的文本HTML选择在HTML内容控件和WinForms Data Grid数据网格的ItemsView、TileView和WinExplorerView中提供使用AllowContentSelection属性来启用这个功能。新版本添加了一个新的SelectedText属性来存储选定区域的文本内容(包括文本、按钮说明、图像和其他HTML元素)。SelectedTextChanged事件在选择发生变化时发生并允许开发者根据需要查看和更改所选文本。自定义绘制HTML开发者现在可以在Custom Draw事件处理程序中绘制HTML模板事件参数包括e.DrawHtml方法大多数DevExpress WinForms UI控件都引入了这种增强。HTMLdiv classcontainer div classcpu-name${ProcName}/div div div classlabel${ProcBaseFrequency}/div div classlabel${RamMemorySize}/div div classlabel${VidTrademark} {VidMemorySize}/div /div div classprice${ModelPrice}/div div idbtn-add classbtn-add dx-class{Added:added}${AddButtonCaption}/div /divCSS.container { text-align:center; padding-top:18px; } .cpu-name { font-size:14px; font-weight:bold; } .label { display:inline-block; background-color:DisabledText/0.3; padding:4px; border-radius:4px; } .price { margin-top:6px; margin-bottom:6px; font-size:18px; } .btn-add { display:inline-block; background-color:HighlightAlternate; color:White; padding:8px; border-radius:18px; font-weight:bold; cursor:pointer; } .added{ background-color:Green; }C#void OnCustomDrawRecordHeader(object sender, Events.CustomDrawRecordHeaderEventArgs e) { // ... e.DrawHtml(headerTemplate, htmlCtx, (args) { args.InteractivityKey dataSourceRowIndex; bool isAddedToCart orders.Contains(dataSourceRowIndex); args.SetFieldValue(Added, isAddedToCart); args.SetFieldValue(AddButtonCaption, isAddedToCart ? ADDED TO CART : ADD TO CART); }); }可视化数据收集新的dx-collection标记为集合中的每个元素呈现一个模板。HTMLtemplate idmember-template div classinitials${Initials}/div /template ... dx-collection classmembers Items${Members} ItemTemplatemember-template/dx-collectionHtml模板集合技术团队创建了一个新的 HtmlTemplateCollection 组件——一个外部模板存储添加到此集合的HTML和CSS模板可以被不同的UI控件使用。CSS样式选择器开发者现在可以有条件地直接在HTML标记中应用样式使用HTML标记比在后面的代码中处理事件更容易、更快。使用新的dx-class属性来指定CSS选择条件。新版本支持以下语法选项HTML!-- Boolean data field -- div dx-class{IsUrgent: urgent, normal} !-- Applies the active class if the IsActive property is set to true. -- img dx-class{IsActive: active} / !-- Hides the element if the IsVisible property is set to true. -- img dx-class{IsVisible: , hidden} / /div !-- Enumeration data field. The red class corresponds to the first element. The green class corresponds to the second element, and so on. -- div dx-class{Color: red, green, blue} ... /div !-- Enumeration data field. Class names should exactly match enumeration values. -- div dx-class{State} ... /div !-- A string data field that matches the class name -- div dx-class{ClassName} ... /div您可以在一个条件中应用多个类当然也可以同时使用静态类和多条件类。HTMLdiv classtask dx-class{IsUrgent: urgent highlight, normal} ... /div着色SVG - Fill CSS属性支持img标记现在支持填充属性使用此属性可为SVG图像设置颜色此设置覆盖了表示属性path fill#fff…/和内联样式(例如path stylefill: #fff;.. / )。CSSimg { fill: Gray; } img:hover { fill: Green; } img:active { fill: LightGreen; }HTMLimg srcmy-svg-image /