在控件后面添加合成效果

本文关键字：添加 控件 | 更新日期: 2023-09-27 18:15:55

我已经在一个简单的TextBlock控件上应用了阴影效果，但是我有一个问题:阴影在TextBlock的前面，我不知道如何把阴影放在TextBlock的后面。你有解决这个问题的办法吗?下面是创建DropShadow效果的代码:

public void SetupSimpleTextShadow(TextBlock shadowTarget)
    {
        Visual hostVisual = ElementCompositionPreview.GetElementVisual(shadowTarget);
        Compositor compositor = hostVisual.Compositor;
        DropShadow dropShadow = compositor.CreateDropShadow();
        dropShadow.Color = Color.FromArgb(255, 50, 50, 50);
        dropShadow.BlurRadius = 7f;
        dropShadow.Offset = new Vector3(5f, 5f, 0f);
        dropShadow.Opacity = 0.9f;
        dropShadow.Mask = shadowTarget.GetAlphaMask(); 
        SpriteVisual shadowVisual = compositor.CreateSpriteVisual();
        shadowVisual.Shadow = dropShadow;
        ElementCompositionPreview.SetElementChildVisual(shadowTarget, shadowVisual);
        ExpressionAnimation bindSizeAnimation = compositor.CreateExpressionAnimation("hostVisual.Size");
        bindSizeAnimation.SetReferenceParameter("hostVisual", hostVisual);
        shadowVisual.StartAnimation("Size", bindSizeAnimation);
    }

在控件后面添加合成效果

尝试使用XPShadow。示例链接为https://github.com/brookshi/XPShadow。

在Nuget中找到XPShadow并下载

写入ref命名空间:xmlns:xp="using:XP"

在您希望控件有阴影的代码中，您可以使用xp: shadow中的控件。

              <xp:Shadow CornerRadius="2"
                           IsCached="True"
                           Z_Depth="2">
                         <Control/>
              </xp:Shadow>
相关文章：