在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;