“Fluent Design”是一種由Microsoft在2017年 Windows 10秋季發布會發布的UI類型，這種設計類型類似塑料的半透明，并與3D 效果、高級明亮效果和不同應用程序狀態之間的過渡混合到一起。

在 DevExpress Demo Center中運行“Fluent Mail Client”演示來實現我們這個設計理念。

獲取工具下載 - DevExpress WinForm v21.1

可視化效果

Fluent Design概念引入了兩種獨特的可視化效果：Acrylic Material和Reveal Highlight。

Acrylic Material

Acrylic是一種半透明材料，允許用戶“透視”應用程序。 此效果需要五個單獨的圖層，具有單獨的不透明度和可視化效果才能正確實現。

Microsoft 文檔建議您將Acrylic用于：

• “支持 UI”，例如滾動或交互時與主窗口內容重疊的表面；
• transient UI元素的背景：上下文菜單、浮出控件等。

Reveal Hightlight

此效果模仿跟隨鼠標指針的聚光燈。

構建Fluent Design應用程序

按照以下步驟構建符合 Microsoft Fluent Design UI 要求和標準的應用程序。

• Fluent Design是一種獨特的 UI 類型，需要對其底層概念有基本的了解。 因此請查看Microsoft 的指南并了解Fluent design，
• 啟用 DirectX 硬件加速：使用傳統 GDI+ 引擎無法渲染復雜的 Fluent Design可視化效果，啟用 DirectX 加速的最簡單方法是檢查中的相應設置。

• 使用相同的來選擇矢量皮膚及其調色板。
• 如果您需要帶有側邊導航控件的表單，請使用嵌入了控件的 Fluent Design 表單。 對于其他申請表，請改用 。 兩種形式都支持 Acrylic Material 效果，并允許您將欄項（按鈕、編輯器、靜態文本項等）添加到其標題欄區域。
• 如果有一個布局控件直接位于帶有 Acrylic 背景的表單上，則控件的背景也會使用此效果，否則如果有其他容器承載了Layout Control，則需要在代碼中調用 方法，為Layout Control啟用Acrylic效果。

C#

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

VB.NET

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

• 將靜態 屬性設置為“Fluent”以提供針對 Fluent UI 優化的滾動條。

DevExpress WinForm | 下載試用

DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

更多產品正版授權詳情及優惠，歡迎咨詢

DevExpress技術交流群4：715863792      歡迎一起進群討論