[英]Gaussian Blur Effect on UWP can't brush?
我嘗試按照 windows developer UWP 的教程進行操作,並達到這一點
public sealed partial class MainPage : Page
{
private Compositor compositor = Window.Current.Compositor;
private SpriteVisual effectVisual;
private CompositionEffectBrush effectBrush;
public MainPage()
{
this.InitializeComponent();
}
private void BlurAmount_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)
{
var blur_amount = (float)e.NewValue;
}
private void Page_Loaded(object sender, RoutedEventArgs e)
{
effectVisual = compositor.CreateSpriteVisual();
var graphicsEffect = new GaussianBlurEffect
{
BlurAmount = 100f,
BorderMode = EffectBorderMode.Hard,
Source = new CompositionEffectSourceParameter("Background")
};
var effectFactory = compositor.CreateEffectFactory(graphicsEffect);
effectBrush = effectFactory.CreateBrush();
var destinationBrush = compositor.CreateBackdropBrush();
effectBrush.SetSourceParameter("Background", destinationBrush);
effectVisual.Brush = effectBrush;
ElementCompositionPreview.SetElementChildVisual(theGrid, effectVisual);
}
}
這是我制作的用戶界面,我想模糊根網格中心的網格,上面有一個圖像背景
<Grid x:Name="Back">
<Grid.Background>
<ImageBrush ImageSource="Assets/1.png"/>
</Grid.Background>
<Grid x:Name="theGrid" VerticalAlignment="Center" HorizontalAlignment="Center"
Width="100" Height="100" ></Grid>
<Slider x:Name="BlurAmount" ValueChanged="BlurAmount_ValueChanged" Maximum="100" Minimum="0"/>
</Grid>
他的代碼和我的相同,我重新檢查了一千次但我的模糊效果不適用於網格我錯過了什么嗎?
我認為有必要指定visual的大小,例如:
blurSprite.Size = new Vector2((float)theGrid.ActualWidth, (float)theGrid.ActualHeight);
我現在無法進行測試,但這應該會有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.