在 DrawingContext 上绘图时在图像上绘制阴影

Question

我在自定义 FrameworkElement 的 OnRender 方法中绘制图像。我也想画出这张图片的阴影。我需要在代码中执行此操作，并且我不想使用 DropShadowBitmapEffect，因为它已过时。我怎样才能做到这一点？

    public class MyDrawingView : FrameworkElement
    {
        protected override void OnRender(System.Windows.Media.DrawingContext dc)
        {
             drawImagesOnDrawingContext(dc);
        }

        public RenderTargetBitmap getBitmap()
        {
            DrawingVisual dv = new DrawingVisual();
            using (DrawingContext dcMine = dv.RenderOpen())
            {
                drawImagesOnDrawingContext(dcMine);
                dcMine.Close();
            }
            RenderTargetBitmap rtb = new RenderTargetBitmap(200, 200, 96, 96, PixelFormats.Pbgra32);
            rtb.Render(dv);
            return rtb;
        }

        private void drawImagesOnDrawingContext(System.Windows.Media.DrawingContext dc)
        {
            //how to draw shadow on bi?
            BitmapImage bi = new BitmapImage(new Uri(@"D:\mytemp\img1.jpg"));
            dc.DrawImage(bi, new Rect(50, 50, 100, 100));

            //how to draw shadow on bi1
            BitmapImage bi1 = new BitmapImage(new Uri(@"D:\mytemp\img2.jpg"));
            dc.DrawImage(bi1, new Rect(30, 30, 100, 100));
        }

    }

请注意，下面 SvenG 建议的解决方案为基础元素添加效果对我不起作用，因为它为整个元素而不是我绘制的单个图像提供阴影。例如，如果我有两个重叠的 DrawImage，建议的解决方案将考虑整体绘制阴影。上图的阴影不会在下图上绘制。

另外，我想使用如上所示的getBitmap函数创建一个位图，以导出带有阴影的绘制图像。

Answer 1

有一个旧的PushEffect() 调用DrawingContext 可以满足您的要求，但就像BitmapEffect 一样，它已经过时了。

BitmapEffect 的替换是 Effect 类。有一个名为 DropShadowEffect 的子类正是您所追求的，但不幸的是，正如 SvenG 所说，这不能直接应用于位图。

支持应用效果的最低级别元素是DrawingVisual 类。这还不错，因为DrawingVisual 是一个非常轻量级的类。没有布局开销。最好的办法是在自己的DrawingVisual 中创建每个位图，并将视觉对象的Effect 属性设置为DropShadowEffect。显然，如果您有数千张位图，这可能不是一个可行的解决方案。

所有这些都可以在代码中完成，尽管不是OnRender()，因为每个视觉对象都有自己的渲染上下文。但是，要让子 DrawingVisuals 正确呈现，您需要告诉框架它们。

您需要在自定义元素中覆盖两个方法才能看到这些视觉效果：VisualChildrenCount 表示您有多少孩子，GetVisualChild() 将它们返回给系统。因此，您需要保留一组可用的视觉效果。如果您想对它们进行命中测试，也可以致电 AddVisualChild() 和 AddLogicalChild()。

public class MyDrawingView : FrameworkElement
{
    List<DrawingVisual> _visuals = new List<DrawingVisual>();

    public MyDrawingView()
    {
        CreateVisuals();
    }

    //Gets a bitmap rendering of the visual and its children for saving as image file
    public RenderTargetBitmap GetBitmap()
    {
        var rtb = new RenderTargetBitmap(200, 200, 96, 96, PixelFormats.Pbgra32);
        rtb.Render(this);
        return rtb;
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return _visuals.Count;
        }
    }

    protected override Visual GetVisualChild(int index)
    {
        return _visuals[index];
    }

    private void CreateVisuals()
    {
        CreateVisualForBitmap(@"D:\mytemp\img1.jpg", new Rect(50, 50, 100, 100));
        CreateVisualForBitmap(@"D:\mytemp\img2.jpg", new Rect(30, 30, 100, 100));
    }

    private void CreateVisualForBitmap(string bitmapPath, Rect bounds)
    {
        var bitmap    = new BitmapImage(new Uri(bitmapPath));
        var visual    = new DrawingVisual();
        visual.Effect = new DropShadowEffect();

        using (DrawingContext dc = visual.RenderOpen())
        {
            dc.DrawImage(bitmap, bounds);
        }

        _visuals.Add(visual);
        AddVisualChild(visual);
        AddLogicalChild(visual);
    }
}

Answer 2

将以下代码添加到您的 OnRenderMethod：

  ....

  dc.DrawImage(bi, new Rect(50, 50, 100, 100));

  // Create DropShadow
  DropShadowEffect effect = new DropShadowEffect();
  effect = new DropShadowEffect();
  effect.Color = Colors.Gray;
  effect.Direction = 45;
  this.Effect = effect;