如何在WPF中的图像上叠加图像？

Question

我正在试图弄清楚如何在WPF中的图像上叠加图像或文本框。基本图像将托管来自Kinect传感器的视频输入，我想在其上叠加图像。例如，视频供稿将在Feed上有一个文本框，用于更新视频源顶部的计数器或树的图像。

在布局中是否有直接的方法来实现这一目标？这只是改变属性或添加画布的问题吗？

下面的图片更好地说明了我正在尝试做的事情：

Answer 1

您可以在网格内部使用两个透明画布而不使用任何行和列，然后将对象放置在Back和Front Canvas中，因此它们将重叠

即：

<Grid>
    <VideoControl><!-- I've never tried video --></VideoControl>
    <TextBlock Text="My Text" />
</Grid>

通常您指定<Grid.ColumnDefinitions>和<Grid.RowDefinitions>，但由于您不在此处，控件将重叠

HTH

Answer 2

我在WPF中覆盖项目的常用方法就是将所有元素放在Grid中。如果您没有定义任何列或行，则元素将重叠。

示例

<Grid>
  <Image Source="image on lowest layer" />
  <Image Source="overlaying image" />
</Grid>