純粹使用xaml實現毛玻璃背景Panel效果

2021-10-05 22:35:22 字數 625 閱讀 5439

由於一些原因,在乙個wpf的應用裡想做個有毛玻璃效果的panel,放些按鈕在上面, 然後疊加在乙個listbox(內容為)上。感覺會還不錯。

在網上找了一段時間,感覺都比較複雜,還得寫c#**。覺得應該只寫xaml就夠了啊,又找不到資源,乾脆自己寫算了。

參考了一些資料,覺得關鍵在於這個panel的背景需要參考另乙個panel影像並對它做blur操作。

參考另一panel的影像其實就是把自己的背景的visual binding到那個panel上。

找找哪個容器能包含visual和effect, 這樣就可以做背景了。對了, 使用border『!

做好那個需要毛玻璃背景panel, 調整好大小,位置, 設定這個panel的背景為transprent。

按照這個panel的位置,大小,設定border.clip

然後就ok了!嘿,還是挺簡單的!

沒有需要就沒有做panel拖拽, 但是應該也不難, 在**裡修改這個border.clip就好。

資源:

實現div毛玻璃背景

原文在我的部落格 實現div毛玻璃背景 ios裡毛玻璃效果的使用非常多,本文介紹乙個實現div毛玻璃背景的方法 css3的filter主要用在影象的特效處理上,預設值為none,還有以下備選項 1.grayscale灰度 2.sepia褐色 3.saturate飽和度 4.hue rotate色相旋...

實現div毛玻璃背景

ios裡毛玻璃效果的使用非常多,本文介紹乙個實現div毛玻璃背景的方法 css3的filter主要用在影象的特效處理上,預設值為none,還有以下備選項 1.grayscale灰度 2.sepia褐色 3.saturate飽和度 4.hue rotate色相旋轉 5.invert反色 6.opaci...

讓背景出現毛玻璃的效果

1.背景是半透明的 2.背景有毛玻璃的模糊效果 3.上面的字型清晰可見 效果如下 先是背景透明,字型清晰可見 div 再來個模糊處理 div 還做了相容處理,美滋滋。開啟瀏覽器重新整理 我擦,這都是什麼鬼。不行,要分析一下。原來div裡面的字和div是在乙個盒子裡面,設定這個盒子為模糊,那麼裡面的字...