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功能：五个独立的层，具有单独的不透明度和视觉效果，旨在融合在一起，以帮助创建适当的视觉效果。

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

我们实现对“Reveal Highlight”使用spot-specular lighting和color 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 v18.2全新发布，更多精彩内容请持续关注DevExpress中文网！

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