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

---

在先前的版本發(fā)布中，宣布支持Fluent Design Form和Acrylic effects——旨在復(fù)制Microsoft下一代UI metaphor的新功能。本文主要介紹如何實現(xiàn)此功能，并明確說明我們的實現(xiàn)與其他實現(xiàn)相比更具有穩(wěn)固性，以及DirectX在WinForms平臺上的下一代用戶體驗中的重要性（WinForms組件可以使用DirectX呈現(xiàn)而不是GDI +）。

正確的實施至關(guān)重要

在開始之前，需要著重注意的是簡單的透明度不等于 “Fluent Design.”，F(xiàn)luent UI比簡單的透明度設(shè)置要復(fù)雜得多（換句話說，它不是Windows 7 Aero中的簡單TransparencyKey設(shè)置）。以下是Microsoft文檔的屏幕截圖，演示了真正的Acrylic material功能：五個獨立的層，具有單獨的不透明度和視覺效果，旨在融合在一起，以幫助創(chuàng)建適當?shù)囊曈X效果。

這同樣適用于Microsoft稱之為“Reveal Highlight”的明亮效果，必須正確實現(xiàn)隨鼠標指針的聚光燈，否則它不是真正的“Reveal Highlight.”。

我們實現(xiàn)對“Reveal Highlight”使用spot-specular lighting和color matrix效果，并通過arithmetic composite應(yīng)用于對象。此需求要求使用DirectX，使用傳統(tǒng)的GDI +渲染器時根本不可能完成。

如果您已準備好將新的design metaphor合并到下一個WinForms應(yīng)用程序中，請按照以下簡單步驟操作：

1. 查看Microsoft的指南并了解Fluent design的“do's”和“dont’s”。例如這篇文章介紹了如何在表單中分發(fā)Acrylic material。
2. 啟用DirectX hardware acceleration。
3. 當您需要帶有Acrylic material的表格時，請使用DevExpress Fluent Design Form。
4. 使用所需的項目和組填充 Fluent Form’的嵌入式Hamburger Menu (Accordion Control)。
5. 應(yīng)用矢量或任何DevExpress Office 2016 raster皮膚，以獲得最佳可視化體驗（并兼容所有Fluent Design Form功能）。
6. 將靜態(tài)WindowsFormsSettings.ScrollUIMode屬性更改為“Fluent”，以提供針對Fluent UI優(yōu)化的滾動條。

---

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

DevExpress v18.2全新發(fā)布，更多精彩內(nèi)容請持續(xù)關(guān)注DevExpress中文網(wǎng)！

掃描關(guān)注DevExpress中文網(wǎng)微信公眾號，及時獲取最新動態(tài)及最新資訊