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

Question

我试图弄清楚如何在WPF中将图像或文本框覆盖在图像上。 基本图像将托管来自Kinect传感器的视频提要，我想在其上覆盖图像。 例如，视频供稿将在供稿上具有一个文本框，该框将更新视频供稿顶部的计数器或树的图像。

有没有一种简单的方法可以在布局中实现这一目标？ 仅仅是更改属性或添加画布的问题？

下图更好地说明了我正在尝试执行的操作：

Answer 1

您可以在网格内使用两个透明的画布，而没有任何行和列，然后将对象放置在“后画布”和“前画布”中，因此它们将重叠

那是：

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

通常，您指定<Grid.ColumnDefinitions>和<Grid.RowDefinitions>但是由于您不这样做，因此控件将重叠

高温超导

Answer 2

对我来说，在WPF中叠加项目的通常方法是将所有元素放入Grid 。 如果您未定义任何列或行，则元素将重叠。

例

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