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


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

正確的實施至關重要

在開始之前,需要着重注意的是簡單的透明度不等於 “Fluent Design.”,Fluent UI比簡單的透明度設置要復雜得多(換句話說,它不是Windows 7 Aero中的簡單TransparencyKey設置)。以下是Microsoft文檔的屏幕截圖,演示了真正的Acrylic material功能:五個獨立的層,具有單獨的不透明度和視覺效果,旨在融合在一起,以幫助創建適當的視覺效果。

DevExpress WinForms使用教程

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

DevExpress WinForms使用教程

我們實現對“Reveal Highlight”使用spot-specular lightingcolor 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 WinForms v18.2更新亮點

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

DevExpress v18.2全新發布,更多精彩內容請持續關注DevExpress中文網!

掃描關注DevExpress中文網微信公眾號,及時獲取最新動態及最新資訊

DevExpress中文網微信


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM