DevExpress WinForms使用教程:WinForms Fluent Design和Acrylic Effects

在先前的版本发布中,宣布支持Fluent Design Form和Acrylic effects——旨在复制Microsoft下一代UI metaphor的新功能。本文主要介绍如何实现此功能,并明确说明我们的实现与其他实现相比更具有稳固性,以及DirectX在WinForms平台上的下一代用户体验中的重要性(WinForms组件可以使用DirectX呈现而不是GDI +)。

DevExpress v18.2下载

正确的实施至关重要

在开始之前,需要着重注意的是简单的透明度不等于 “Fluent Design.”,Fluent UI比简单的透明度设置要复杂得多(换句话说,它不是Windows 7 Aero中的简单TransparencyKey设置)。以下是Microsoft文档的屏幕截图,演示了真正的Acrylic material功能:五个独立的层,具有单独的不透明度和视觉效果,旨在融合在一起,以帮助创建适当的视觉效果。

DevExpress WinForms使用教程

这同样适用于Microsoft称之为“Reveal Highlight”的明亮效果,必须正确实现随鼠标指针的聚光灯,否则它不是真正的“Reveal Highlight.”。

DevExpress WinForms使用教程

我们实现对“Reveal Highlight”使用spot-specular lightingcolor matrix效果,并通过arithmetic composite应用于对象。此需求要求使用DirectX,使用传统的GDI +渲染器时根本不可能完成。

如果您已准备好将新的design metaphor合并到下一个WinForms应用程序中,请按照以下简单步骤操作:

  1. 查看Microsoft的指南并了解Fluent design的“do's”和“dont’s”。例如这篇文章介绍了如何在表单中分发Acrylic material。
  2. 启用DirectX hardware acceleration
  3. 当您需要带有Acrylic material的表格时,请使用DevExpress Fluent Design Form
  4. 使用所需的项目和组填充 Fluent Form’的嵌入式Hamburger Menu (Accordion Control)
  5. 应用矢量或任何DevExpress Office 2016 raster皮肤,以获得最佳可视化体验(并兼容所有Fluent Design Form功能)。
  6. 将静态WindowsFormsSettings.ScrollUIMode属性更改为“Fluent”,以提供针对Fluent UI优化的滚动条。

DevExpress WinForms v18.2更新亮点

===============================================================

DevExpress v18.2全新发布,更多精彩内容请持续关注DevExpress中文网!

扫描关注DevExpress中文网微信公众号,及时获取最新动态及最新资讯

DevExpress中文网微信