界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML & CSS模板

DevExpress WinForms拥有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!

DevExpress WinForm 控件已正式发布v23.1版本,此版本全新升级HTML & CSS的可重用模板、增强Ribbon组件功能、新增Office 365样式等,欢迎下载最新版体验!

DevExpress WinForms v23.1正式版下载(Q技术交流:523159565)

支持HTML & CSS
可重用的HTML & CSS模板

DevExpress WinForms HTML & CSS模板库包括一组预先设计的模板,这些模板基于官方WinForms演示应用程序中使用的模板。您可以"按原样"使用这些模板,也可以根据需要进行定制。当然您也可以创建一个HTML & CSS模板,将模板保存到库中,并在需要时在任何项目中使用它。

将图像标签绑定到具有图像名称的数据字段

现在可以将图像标签绑定到具有图像名称的数据源字段中,HTML模板检查数据字段是否包含SVG或位图。如果没有,则模板在SvgImageCollection(分配给控件的htmlages属性)中查找具有指定名称的图像。

HTML

html 复制代码
<img class="icon" src="${IconName}"/>
Ribbon
全新的Office 365样式

DevExpress WinForms Ribbon控件附带了一个全新的Office 365渲染样式。

当我们使用新的Office 365样式时,WinForm Ribbon控件在功能区表单的顶部显示一个搜索框,并在 Ribbon UI的右下方显示显示功能区选项。

使用以下API在其他 Ribbon样式中启用新的UI增强功能:

  • RibbonControl.OptionsExpandCollapseMenu - 获取"Show Ribbon"弹出菜单的可用性和操作设置。
  • RibbonControl.ExpandCollapseMenuShowing - 允许您自定义"Show Ribbon"菜单或阻止它们被显示(基于特定条件)。
  • RibbonControl.SearchItemPosition - 指定"搜索"框的位置。
后台视图 - 对齐项目的顶部和底部

Backstage View(后台视图)项目现在包括一个新的对齐选项,此选项允许您将项目对齐到后台视图的顶部和底部,以及标题栏和快速访问工具栏的左侧和右侧(当它显示在Ribbon控件下方时)。

C#

cs 复制代码
backstageViewItem.Alignment = BackstageViewItemAlignment.Bottom;
在Ribbon消息栏中显示提醒

新版本中实现了新的API来显示受Office启发的弹出式通知和警报。

新的API包括:

  • RibbonControl.ShowMessage - 在消息栏中显示消息。
  • RibbonControl.CloseMessage - 关闭指定的消息。
  • RibbonControl.MessageClosed - 在消息关闭后发生,并允许您处理按钮单击。
  • RibbonControl.Messages - 获取消息栏中显示的消息集合。

C#

cs 复制代码
using DevExpress.XtraBars.Ribbon;

void ShowMessage() {
RibbonMessageArgs args = new RibbonMessageArgs();
args.Caption = "What's New";
args.Text = "Explore new WinForms-related features we expect to introduce in our first major update this year (v23.1).";
args.Icon = MessageBoxIcon.Information;
args.Buttons = new DialogResult[] { DialogResult.OK };
args.Showing += Args_Showing;
Ribbon.ShowMessage(args);
Ribbon.MessageClosed += Ribbon_MessageClosed;
}
void Ribbon_MessageClosed(object sender, RibbonMessageClosedArgs e) {
if(e.Result == DialogResult.OK)
Data.Utils.SafeProcess.Start("https://community.devexpress.com/blogs/winforms/archive/2023/02/16/devexpress-winforms-roadmap-23-1.aspx");
}
void Args_Showing(object sender, RibbonMessageShowingArgs e) {
e.Buttons[DialogResult.OK].Caption = "Explore Roadmap";
}
Page header项目 - 在矢量皮肤中着色

Page header项(BarButtonItem和BarCheckitem)可以根据矢量皮肤中的背景颜色调整文本和SVG图标的颜色,背景色必须设置为皮肤颜色(在设计时,切换到"DX Skins"选项卡来选择皮肤颜色)。

相关推荐
ss27314 小时前
AI全栈实战 | 2.1-02 CSS 布局:垂直居中为什么是经典面试题?所有布局在解决什么矛盾
前端·css
IMPYLH1 天前
HTML 的 <title> 元素
前端·javascript·html
杨超越luckly1 天前
上海社零数据:消费结构分化——1.66万亿盘子从+7.2%到-1.0%的十五年观察
html·agent·数据可视化·上海·社会消费品零售总额
peter67681 天前
css揭秘-背景和边框
前端·css
用户298698530142 天前
在 React 中使用 JavaScript 将 HTML 转换为 PDF
javascript·react.js·html
吴声子夜歌2 天前
HTML——结构化微数据语言简介
前端·数据库·html
吴声子夜歌2 天前
HTML——Web Components开发
前端·html
溪语流沙2 天前
【每天一个CSS | Day08】整排按钮被鼠标吸走的磁吸导航
前端·css·计算机外设
赵得C2 天前
创建 SVG 图标预览页面:从零实现到解决 CORS 问题
前端·javascript·html
peter67682 天前
css学习小结
前端·css·学习