UWP应用程序中的画中画严格是当前页面的压缩版本。您可能会看到常规视图中的Groove与压缩尝试之间的区别,但是实现Acrylic Brush的原理是相同的。
考虑到您提出的问题,这是实现图像模糊的一种可能方法:
<Page
...>
<Page.Resources>
<ImageBrush ImageSource="{Here is your image url}" x:Key="ImageBackground" Stretch="UniformToFill"/>
<AcrylicBrush x:Key="MaskBackground" BackgroundSource="Backdrop" TintColor="Black" TintOpacity="0.3" FallbackColor="Black"/>
</Page.Resources>
<Grid Background="{StaticResource ImageBackground}" Name="ImageLayer">
<Grid Background="{StaticResource MaskBackground}" Name="MaskLayer"/>
<Grid>
<!-- Here is other controls, like play button etc. -->
</Grid>
</Grid>
</Page>
这是使用分层方法完成的。将背景设置为图片,然后添加遮罩层。
如果要动态更改背景图像,则可以删除静态引用并使用C#代码对其进行更改。
var backgroundBrush = new ImageBrush();
backgroundBrush.ImageSource = new BitmapImage(new Uri("Here is your image url"));
ImageLayer.Background = backgroundBrush;
最好的祝福。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句