Fluent Design UI（流畅设计UI）

---

立即下载DevExpress WinForms

“Fluent Design ”是微软开发的一种UI类型，与2017年Windows 10的“秋季创作者更新”一起发布。这种设计类型混合了类似塑料的半透明与3D效果，先进的照明，以及不同应用状态之间的新过渡。

在DevExpress演示中心运行“Fluent Mail Client”演示，来实现这个设计概念。

可视化效果

Fluent Design 概念引入了两种独特的视觉效果：Acrylic Material and Reveal Highlight。

Acrylic Material

Acrylic 是一种半透明材料，允许用户through应用程序。此效果需要五个具有单独不透明度和视觉效果的独立层才能实现。

Microsoft 文档建议您将 Acrylic 用于：

“supporting UI”，例如滚动或交互时与主窗口内容重叠的表面。

瞬态 UI 元素的背景：上下文菜单、弹出窗口等。

展示亮点

这个效果模仿了跟随鼠标指针的聚光灯。

构建流畅的设计启发型应用程序

请按照以下步骤构建满足 Microsoft Fluent Design UI 要求和标准的应用程序。

• Fluent Design 是一种独特的 UI 类型，需要对其基本概念有基本的了解，因此，请查看 Microsoft 的指南并了解 Fluent 设计的“ “do’s” 和“dont’s”。例如，本文解释了如何在表单中正确分布丙烯酸材料。
• 启用：传统的 GDI+ 引擎无法渲染复杂的 Fluent Design 视觉效果，启用 DirectX 加速的最简单方法是在“页面中检查相应的设置。

• 使用相同的项目设置页面来选择矢量皮肤和它的调色板之一。
• 如果您需要带有侧面导航控件的表单，请使用嵌入的。对于其他申请表，请使用。两种形式都支持 Acrylic Material 效果，并允许您将 Bar 项目（按钮、编辑器、静态文本项目等）添加到其标题栏区域。
• 如果布局控件直接位于具有 Acrylic 背景的表单上，则该控件的背景也会使用此效果。否则，如果有另一个容器托管布局控件，则需要在代码中调用方法为布局控件启用 Acrylic 效果。

C#：

InitializeComponent();
//. . .
this.ApplyAcrylicAccent(layoutControl1);

VB.NET：

InitializeComponent()
'. . .
Me.ApplyAcrylicAccent(layoutControl1)

• 将静态WindowsFormsSettings.ScrollUIMode属性设置为“Fluent”用来提供针对 Fluent UI 优化的滚动条。