DevExpress Winforms使用技巧教程：如何實(shí)現(xiàn)Fluent Design和Acrylic Effects

下載DevExpress v20.1完整版    DevExpress v20.1漢化資源獲取

DevExpress Winforms Controls 內(nèi)置140多個(gè)UI控件和庫，完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序。想要體驗(yàn)？點(diǎn)擊下載>>

 在先前的版本中，技術(shù)團(tuán)隊(duì)正式宣布支持Fluent Design Form和Acrylic效果 - 旨在復(fù)制Microsoft下一代UI隱喻的新功能，本文將詳細(xì)介紹這是如何實(shí)現(xiàn)的，WinForms組件可以使用DirectX渲染替代GDI + 。

正確的實(shí)施很重要

 在開始之前，請(qǐng)務(wù)必注意，簡單的透明度并不等于“ Fluent Design”。Fluent UI比簡單的透明設(shè)置要復(fù)雜得多，換句話說，它不是Windows 7 Aero中簡單TransparencyKey的設(shè)置。這是中的屏幕截圖，展示了真正Acrylic material功能：五個(gè)單獨(dú)的層，具有各自的不透明性和視覺效果，旨在融合在一起來幫助創(chuàng)建適當(dāng)?shù)目梢暬Ч?

 微軟將這種效果稱為“ Reveal Highlight”，必須正確實(shí)現(xiàn)鼠標(biāo)指針后面的聚光燈，否則它不是真正的“Reveal Highlight”。

 對(duì)“ Reveal Highlight”的實(shí)現(xiàn)使用點(diǎn)鏡反射照明和色彩矩陣效果，并通過計(jì)算合成將其應(yīng)用于對(duì)象。此要求需要使用DirectX，并且在使用傳統(tǒng)GDI +渲染器時(shí)根本不可能實(shí)現(xiàn)，這也是轉(zhuǎn)向DirectX渲染的原因之一，您可以依靠不斷更新的WinForms開發(fā)邊界。

如果您準(zhǔn)備在下一個(gè)WinForms應(yīng)用程序中加入這個(gè)新的設(shè)計(jì)功能，請(qǐng)按照以下簡單步驟操作：

1. 查看Microsoft的準(zhǔn)則，并學(xué)習(xí)Fluent設(shè)計(jì)的“do's”和“dont’s”，例如本文介紹如何在整個(gè)表格中分配Acrylic material。
2. 啟用。
3. 當(dāng)您需要使用Acrylic material表格時(shí)，請(qǐng)使用DevExpress 。
4. 用所需的項(xiàng)目和組填充Fluent Form的嵌入式。
5. 應(yīng)用矢量或任何DevExpress Office 2016柵格皮膚，可獲得最佳的可視化體驗(yàn)（以及與所有Fluent Design Form功能的兼容性）。
6. 將靜態(tài)屬性更改為“ Fluent”，來提供針對(duì)Fluent UI優(yōu)化的滾動(dòng)條。

DevExpress技術(shù)交流群2：775869749      歡迎一起進(jìn)群討論