c# - 如何将一张图片叠加到另一张图片上？

Question

我想显示一张由两张图像组成的图像。

我希望图像 rectangle.png 与图像 sticker.png 一起显示在其顶部 及其左手 像素 10、10 处的角。

这是我得到的最大信息，但是我如何组合图像？

Image image = new Image();
image.Source = new BitmapImage(new Uri(@"c:\test\rectangle.png"));
image.Stretch = Stretch.None;
image.HorizontalAlignment = HorizontalAlignment.Left;

Image imageSticker = new Image();
imageSticker.Source = new BitmapImage(new Uri(@"c:\test\sticker.png"));

image.OverlayImage(imageSticker, 10, 10); //how to do this?

TheContent.Content = image;

Answer 1

您需要一个面板来添加两个图像控件。 Grid 或 Canvas 允许这样做，但我会选择 Grid，因为它会限制 Image 控件(从而适本地拉伸(stretch)或收缩它们)。

Image image = new Image();
image.Source = new BitmapImage(new Uri(@"c:\test\rectangle.png"));
image.Stretch = Stretch.None;
image.HorizontalAlignment = HorizontalAlignment.Left;

Image imageSticker = new Image();
imageSticker.Source = new BitmapImage(new Uri(@"c:\test\sticker.png"));
imageStiker.Margin = new Thickness(10, 10, 0, 0);

Grid grid = new Grid();
grid.Children.Add(image);
grid.Children.Add(imageSticker);

TheContent.Content = grid;