目录

界面控件DevExpress-Blazor-UI-v24.2新版亮点支持.NET-9

界面控件DevExpress Blazor UI v24.2新版亮点:支持.NET 9

Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。

DevExpress Blazor控件目前已经升级到v24.2版本了,新版本正式支持.NET 9、拥有全新的Fluent主题等,欢迎下载最新组件体验!

支持.NET 9

DevExpress Blazor UI组件/库(v24.2)现在支持.NET 9,要探索.NET 9的特性/功能(云原生应用程序和与性能相关的增强),只需使用DevExpress模板库创建一个新的.NET 9 web应用程序,或者创建一个新的Microsoft .NET 9 web应用程序,并在必要时添加DevExpress资源。

全新的Fluent主题(CTP)

所有 Blazor组件库都支持全新的受 启发的UI主题(在v24.2发布周期中作为社区技术预览版提供),这个现代的Blazor UI主题在视觉上与Microsoft Office产品保持一致,并提供了重要的可用性/可访问性相关的好处。

https://i-blog.csdnimg.cn/img_convert/806711ec123b15c08c893b2a0c76e7fd.png

虽然Fluent主题的灵感来自于Microsoft的Fluent Design System,但它的设计考虑了数据密集型/信息密集型应用程序。有了这个新主题,您可以创建紧凑的数据表,以最大限度地显示屏幕上的信息和可视化的页面布局。

https://i-blog.csdnimg.cn/img_convert/91215d6e67ad28074ed6e53b9720da34.png

明暗模式

全新的Fluent主题有两种不同的变体:浅色和深色,这两个版本的设计都考虑到了可访问性(以精心设计的颜色对比为特色,以满足WCAG的指导方针)。为了简化自定义,颜色和其他外观设置现在被结构化并存储在跨组件库共享的CSS变量中。

https://i-blog.csdnimg.cn/img_convert/d2973ab5049d51ebd42a31c59643a44f.png

尺寸模式

就像标准的DevExpress Blazor主题一样,新Fluent主题提供了三种尺寸模式——小、中、大,所有流畅的主题大小模式已经改进了额外的灵活性:

  • Small(小)现在比之前的DevExpress主题略小,非常适合密集布局。
  • Medium(中)和Large(大)已经被修改为稍大,使它们非常适合标准的web应用程序和移动平台。

https://i-blog.csdnimg.cn/img_convert/00be3dc73ee3214ed93688a993df2d48.png

此外,图标大小现在可以根据大小模式进行缩放,从而确保在所有组件库中保持一致和美观。

https://i-blog.csdnimg.cn/img_convert/86560607b380dca0f8ec29122aaa2303.png

Fluent图标

DevExpress Fluent主题为许多Blazor组件库提供了内置的线条图标,这些图标与 的Fluent UI系统图标和Fluent图标集成在一起。将来会发布一个扩展的Fluent图标集,为设计定制提供更多的选项。

https://i-blog.csdnimg.cn/img_convert/1ea94638a27bc485c813133e586dc2ff.png

预览版现在可用,完整版在v25.1

Fluent主题目前是一个预览版,期待在正式版本(v25.1)中CSS结构/视觉效果的进一步变化。除了计划中的改动,官方计划在明年引入以下功能:

  • 额外的内置颜色预设。
  • 用于强调色定制的API。
  • 流畅风格的线条图标用于所有Blazor组件库。
  • 不同的图标,不同的细节级别,为每个大小模式。