WPF文本覆盖网格

Question

我搜索了整个计算器并找不到简单的解决方案来解决我的问题。

我有网格，我想通过一些文字/图像覆盖整个电网。你有什么想法，我该怎么做？

其实这是俄罗斯方块游戏，我想显示用户文本/图片“游戏结束”，他失去之后，所以我需要从C＃做手工。有任何想法吗 ？

感谢您的帮助:-)

<Window x:Class="TetrisWPF.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:TetrisWPF" 
    mc:Ignorable="d" 
    Title="MainWindow" 
    AllowsTransparency="True" 
    ResizeMode="CanResizeWithGrip" 
    WindowStyle="None" 
    ShowInTaskbar="True" 
    WindowState="Maximized" 
    KeyDown="HandleKeyDown" 
    Initialized="MainWindow_Initilized" Background="#222222"> 
<Window.Resources> 

    <FontFamily x:Key="FontAwesome">/Fonts/fontawesome-webfont.ttf#FontAwesome</FontFamily> 
</Window.Resources> 
<DockPanel LastChildFill="false"> 
    <Button DockPanel.Dock="Right" Visibility="Hidden" Width="300">Right</Button> 
    <StackPanel DockPanel.Dock="Right" Width="311" > 
     <Button x:Name="btnPlay" Content="Play" Click="btnPlay_Click" Width="50" Height="25" Margin="5"/> 
     <Label Content="Score " Height="56" x:Name="Score" HorizontalAlignment="Center" FontSize="28" FontWeight="Bold" Margin="0,0,0,0"/> 
     <Label Content="Lines " Height="56" x:Name="Lines" HorizontalAlignment="Center" FontSize="28" FontWeight="Bold" Margin="0,0,0,0"/> 
     <Label Content="Level 1" Height="56" x:Name="level" HorizontalAlignment="Center" FontSize="28" FontWeight="Bold" Margin="0,0,0,0" /> 
     <Button x:Name="buttonPlay" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonPlay_Click" > 
      <Button.Template> 
       <ControlTemplate TargetType="Button"> 
        <Image Name="img1" Source="C:\Users\xx\Pictures\btn.png" /> 
       </ControlTemplate> 
      </Button.Template> 
     </Button> 
     <Button x:Name="buttonPause" Content="Pause (L1)" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonPause_Click" /> 
     <Button x:Name="buttonRestart" Content="Restart" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonRestart_Click" /> 
     <Button x:Name="buttonStop" Content="Stop" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonStop_Click" /> 
     <Button x:Name="buttonDemo" Content="Demo" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonDemo_Click" /> 
     <Button x:Name="buttonExit" Content="Exit" HorizontalAlignment="Right" VerticalAlignment="Top" Height="60" Margin="0,20,0,0" Width="205" Click="buttonExit_Click" /> 
     <TextBlock x:Name="GameOverText" Height="56" FontSize="28" FontWeight="Bold" TextWrapping="Wrap" Text="Game Over" Foreground="#FFD41A1A"/> 
     <TextBlock x:Name="GamePausedText" Height="56" FontSize="28" FontWeight="Bold" TextWrapping="Wrap" Text="Game Paused" Foreground="#FF0D15B6" Margin="0,0,-0.8,0"/> 
    </StackPanel> 
    <Grid Name="MainGrid" Height="750" Width="375" DockPanel.Dock="Right"> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
     </Grid.ColumnDefinitions> 
    </Grid> 
</DockPanel> 

Answer 1

具一格，你可以简单地添加占用相同的空间物体，他们将在您添加的顺序重叠。在你的例子中，你有很多的列和行，所以为了覆盖所有的东西，你必须将它设置为RowSpan和ColumnSpan为你填充所有空间的行数/列数。你可以将一个更简单的方法放在另一个网格中（只有一行和一列），并添加一些内容（这是我想要叠加组件时所做的事情，只需将它们粘贴在它们自己的小部件中1x1格）。

像这样：

<Grid> 
    <Grid Name="MainGrid" Height="750" Width="375" DockPanel.Dock="Right"> 
     ... all those columns 
    </Grid> 
    <Border Name="GameOverlay" Background="Black" Visibility="Hidden"> 
     <TextBlock Text="Game Over!" Foreground="White" FontWeight="Bold" 
        FontSize="24" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center"/> 
    </Border> 
</Grid> 

注意，一定要设置背景的东西，如果你想掩盖你的原创内容是很重要的（虽然是半透明背景可能看起来很酷！）。

要显示和隐藏它的代码，只需显示&用GameOverlay.Visibility = Visibility.Visible或GameOverlay.Visibility = Visibility.Hidden隐藏它，或者将其绑定到可以更改的属性。

通过这种方式，您可以将其放置在您想要的位置，并将其设置为设计器中的Visible，然后将其更改为隐藏（以便您可以使其在代码中可见）。

不是构造它的代码，当你需要它，并手动将其添加到UX容易得多。