天天看點

UWP Acrylic Material

Acrylic 能帶來類似 win7 的毛玻璃效果

要使用 Acrylic ,需要 win10 的版本最低為 1709 ,在模拟器中是 16299

Acrylic 有兩種:

Background acrylic

In-app acrylic

顧名思義,一種是應用背景用的,一種是應用中彈出遮罩層之類用的

win10 帶了很多 acrylic resources ,可以直接使用

比如 Background acrylic 的:

SystemControlAcrylicWindowBrush,  SystemControlChromeLowAcrylicWindowBrush,  SystemControlBaseHighAcrylicWindowBrush,  SystemControlBaseLowAcrylicWindowBrush,  SystemControlAltHighAcrylicWindowBrush,  SystemControlAltLowAcrylicWindowBrush

In-app acrylic 需要用:

SystemControlAcrylicElementBrush , SystemControlChromeLowAcrylicElementBrush , SystemControlBaseHighAcrylicElementBrush , SystemControlBaseLowAcrylicElementBrush , SystemControlAltHighAcrylicElementBrush , SystemControlAltLowAcrylicElementBrush

簡單效果如下:

UWP Acrylic Material

當然,除了用自帶的 resources ,我們也可以自定義 acrylic

自定義 AcrylicBrush 可以設定4個屬性:

TintColor: AcrylicBrush 的顔色

TintOpacity: AcrylicBrush 的透明度,如果是1的話,就是 TintColor 的純色了,沒有半透明效果,設定0的話,TintColor完全透明,設定什麼樣的 TintColor 就無所謂了…

BackgroundSource: 用來設定是 Background acrylic:HostBackdrop,還是 In-app acrylic: Backdrop

FallbackColor: 當裝置處于節電模式,或者在手機、xbox等不支援 acrylic 的裝置時,程式會顯示這個顔色(當 win10 中應用失去焦點時,也會呈現這個顔色的)

然後很愉快的寫了下:

運作發現木有效果…

然後嘗試寫成 Resource :

<a></a>

效果如下:

UWP Acrylic Material

是以如果直接寫 AcrylicBrush 沒效果的

可以嘗試寫個 Resource  再試試…

    

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。

本文轉自 sun8134 部落格園部落格,原文連結: http://www.cnblogs.com/sun8134/p/8395183.html  ,如需轉載請自行聯系原作者

繼續閱讀