在XamarinForms的效果中为控件应用背景

Question

我正在尝试为效果附加到的控件应用背景。

首先，我使UWP中具有Fill或Background属性的控件应用背景。 但是问题是UWP中有许多控件呈现给FrameworkElement。而且FrameworkElement没有Background属性。 在VisualElementRenderer中，Xamarin表单解决了此问题，方法是在内容后面应用背景层，但这是有效的。 有什么方法可以为附加的效果应用背景？ 我正在使用AcrylicBrush，因此必须将其直接分配给控件。

我之前编写的代码：

try
{
   Control.GetType().GetProperty("Background").SetValue(Control, brush);
}
catch
{
   Control.GetType().GetProperty("Fill").SetValue(Control, brush);
}

Answer 1

  

我正在使用AcrylicBrush，因此必须将其直接分配给控件。

您可以使用compositor将丙烯酸树脂应用于SpriteVisual。在拥有Win2D之前，我们使用Acrylic API为GaussianBlurEffect制作UIElement。获取UIElement的Compositor，并使用此Compositor至CreateSpriteVisual。然后将GaussianBlurEffect设置为hostSprite.Brush，如下所示。

Compositor _compositor;
SpriteVisual _hostSprite;

private void applyAcrylicAccent(Panel panel)
{
    _compositor = ElementCompositionPreview.GetElementVisual(panel).Compositor;
    _hostSprite = _compositor.CreateSpriteVisual();
    _hostSprite.Size = new Vector2((float)panel.ActualWidth, (float)panel.ActualHeight);

    var backdrop = _compositor.CreateHostBackdropBrush();

    // Use a Win2D blur affect applied to a CompositionBackdropBrush.
    var graphicsEffect = new GaussianBlurEffect
    {
        Name = "Blur",
        BlurAmount = 100f,
        Source = new CompositionEffectSourceParameter("backdrop")
    };

    var effectFactory = Window.Current.Compositor.CreateEffectFactory(graphicsEffect, new[] { "Blur.BlurAmount" });
    var effectBrush = effectFactory.CreateBrush();

    effectBrush.SetSourceParameter("backdrop", backdrop);
    _hostSprite.Brush = effectBrush;

    ElementCompositionPreview.SetElementChildVisual(panel, _hostSprite);
}

并使用applyAcrylicAccent（RootLayout）进行调用。您还需要处理SizeChanged事件：

private void LayoutRoot_SizeChanged(object sender, SizeChangedEventArgs e)
{
    if (_hostSprite != null)
        _hostSprite.Size = e.NewSize.ToVector2();
}