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

Question

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

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

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

控制实时视频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>