如何制作透明模糊边框？

Question

如何在UWP项目中将边框模糊和透明，就像你在图片中看到的一样？

Answer 1

要使Border背景透明，您只需将其背景设置为透明或半透明颜色：

<Border Background="#ABFFFFFF" />

颜色的十六进制值由四个双字符值组成 - Alpha，Red，Green和Blue。 Alpha部分决定了透明度。设置为00时，颜色完全透明，设置为FF时，颜色不透明。

如果您确实希望获得图片上的模糊效果，则需要定位Windows 10周年更新SDK并使用新的Composition API。这非常好described in another answer。

Answer 2

This sample可以帮到你。

关键是要将面板下的UI渲染为图像，然后将其模糊。

将UI元素渲染为图像：

RenderTargetBitmap rtb = new RenderTargetBitmap(); 
await renderTargetBitmap.RenderAsync(uielement); 
image.Source = rtb; 

使用UWP Community toolkit:

制作图像模糊

await image.Blur(duration: 10, delay: 0, value: 10).StartAsync();

或者，是的，就像@MZetko回答use new Anniversary SDK

一样