2017-12-24 14 views
0

私はDockPanelで現在ListBoxを持っている(それは素晴らしいDiaballikゲームを表します)、最後に、私は絵のように四角で作られたグリッド上の勝利ラベルを表示できるようにしたい:WPFでListBoxにラベルを追加するにはどうすればよいですか?

enter image description here

<DockPanel> 
    <ListBox DockPanel.Dock="Top" ItemsSource="{Binding Cases}" SelectedItem="{Binding SelectedCase, Mode=TwoWay}" HorizontalAlignment="Center" VerticalAlignment="Top" SnapsToDevicePixels="True"> 

     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <UniformGrid Columns="{Binding Size}"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 

     <ListBox.ItemContainerStyle> 
      <Style TargetType="ListBoxItem"> 
       <Setter Property="Padding" Value="0"/> 
      </Style> 
     </ListBox.ItemContainerStyle> 

     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <Grid > 
        <Ellipse Fill="{Binding Color}" Width="50" Height="50" Visibility="{Binding HasPawn, Converter={StaticResource bool2visibility}}"/>       
        ... 
       </Grid> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 

    <Label Content="VICTORY" /> <!-- How can this go over the list box ? --> 
</DockPanel> 

答えて

1

あなたはこのような何かを行うことができます(Gridの振る舞いは、あること、それ意志だけでお互いの「上に」「スタック」の項目):

<DockPanel> 
    <Grid DockPanel.Dock="Top"> 
     <ListBox ItemsSource="{Binding Cases}" SelectedItem="{Binding SelectedCase, Mode=TwoWay}" HorizontalAlignment="Center" VerticalAlignment="Top" SnapsToDevicePixels="True"> 

      <ListBox.ItemsPanel> 
       <ItemsPanelTemplate> 
        <UniformGrid Columns="{Binding Size}"/> 
       </ItemsPanelTemplate> 
      </ListBox.ItemsPanel> 

      <ListBox.ItemContainerStyle> 
       <Style TargetType="ListBoxItem"> 
        <Setter Property="Padding" Value="0"/> 
       </Style> 
      </ListBox.ItemContainerStyle> 

      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <Grid > 
         <Ellipse Fill="{Binding Color}" Width="50" Height="50" Visibility="{Binding HasPawn, Converter={StaticResource bool2visibility}}"/>       
         ... 
        </Grid> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 

     <Label Content="VICTORY" HorizontalAlignment="Center" VerticalAlignment="Center" /> <!-- How can this go over the list box ? --> 
    </Grid> 
</DockPanel> 
関連する問題