在先前的版本發布中,宣布支持Fluent Design Form和Acrylic effects——旨在復制Microsoft下一代UI metaphor的新功能。本文主要介紹如何實現此功能,並明確說明我們的實現與其他實現相比更具有穩固性,以及DirectX在WinForms平台上的下一代用戶體驗中的重要性(WinForms組件可以使用DirectX呈現而不是GDI +)。
正確的實施至關重要
在開始之前,需要着重注意的是簡單的透明度不等於 “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應用程序中,請按照以下簡單步驟操作:
- 查看Microsoft的指南並了解Fluent design的“do's”和“dont’s”。例如這篇文章介紹了如何在表單中分發Acrylic material。
- 啟用DirectX hardware acceleration。
- 當您需要帶有Acrylic material的表格時,請使用DevExpress Fluent Design Form。
- 使用所需的項目和組填充 Fluent Form’的嵌入式Hamburger Menu (Accordion Control)。
- 應用矢量或任何DevExpress Office 2016 raster皮膚,以獲得最佳可視化體驗(並兼容所有Fluent Design Form功能)。
- 將靜態WindowsFormsSettings.ScrollUIMode屬性更改為“Fluent”,以提供針對Fluent UI優化的滾動條。
===============================================================
DevExpress v18.2全新發布,更多精彩內容請持續關注DevExpress中文網!
掃描關注DevExpress中文網微信公眾號,及時獲取最新動態及最新資訊
