如何将图像放在全屏幕上

Question

我正在创建silverlight视频播放器。 我把我的播放器组织成网格。 第一行是视频，第二行是带按钮的控制面板。

当我切换到全屏模式时，我想在顶部设置指定的图像。 所以我加载图像，调整大小，不能使这个图像覆盖所有元素（视频，面板）。 我试图让这个图像只能看到，并且不能这样做。

我认为有可能创建一个“元素”并设置它以某种方式覆盖。 我喜欢这样做，因为我觉得折叠我的行并不是一个好主意。

提前致谢。

Answer 1

您应该能够首先确保您的图像元素是网格中的最后一个子元素，并向其中添加包含网格中行数的Grid.RowSpan值： -

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="*" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>
  <MediaElement ... />
  <StackPanel Orientation="Horizontal" Grid.Row="1">...</StackPanel>
  <StackPanel Orientation="Horizontal" Grid.Row="2">...</StackPanel>
  <Image Source="SomeImageUrl" Grid.RowSpan="3" />
</Grid>

将Image放在网格子列表末尾的替代方法是使用相当不直观的Canvas.ZIndex属性为其提供更高的ZIndex。