Windows应用程序中的视图重叠

Addev 发表于 Dev

阿德夫

我想为我的应用程序实现以下页面

在此处输入图片说明

因此，我使用了类似（简化）的内容：

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <TextBlock>...</TextBlock>
    <ListView>...</ListView>
    <TextBlock>...</TextBlock>
</Grid>

如果发生错误并且数据不可用，我想在页面背景中显示一个错误，而不会阻止用户交互。就像是：

在此处输入图片说明

我用堆栈面板实现了错误

如何重叠ListView和stackpanel？是否将堆栈面板居中放置在Listview房间中？

我尝试过使用Canvas，但不知道如何将视图居中

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <TextBlock>...</TextBlock>
    <Canvas>
       <StackPanel>..</StackPanel>
       <ListView>...</ListView>
    </Canvas>
    <TextBlock>...</TextBlock>
</Grid>

达契安·穆杰（Dacian Mujdar）

尝试在页面内容上显示弹出窗口（与LayoutRoot放在同一容器上）

   <Grid>
      <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="*"/>
          <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock>...</TextBlock>
        <TextBlock>...</TextBlock>
       </Grid>
       <Grid x:Name="PopUpGrid" Width="200" Height="200" 
             VerticalAllignment="Center" HorizontalAllignment="Center">
       ....
       </Grid>
   </Grid>