グリッドの1つの行にさらに要素をバインドする

Question

5つの列を持ち、要素のリストをバインドします。各要素には画像があります。私は1つの行に5要素の図を表示したいと思います。

実はこれは私のコード

<ListBox ItemsSource="{Binding Buildings}" Width="350" Margin="0,5,0,10"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal" CanHorizontallyScroll="True"> 
       <!--<TextBlock Padding="5,0,5,0" Text="{Binding Name}" />--> 
       <Image Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

である私も、名前（Buildings.Name）とツールチップと費用（Buildings.Costs）などの情報を提供したいです。

私だけの行の一つの要素を表示することができUnfortunally ... 私は、グリッドと解決策を試してみましたが、それはただの行ごとに1枚の画像を示した：あなたの助けを

<DataGrid ItemsSource="{Binding Buildings}"> 
    <DataGrid.Columns> 
     <DataGridTemplateColumn Header="Name" Width="SizeToCells" IsReadOnly="True"> 
      <DataGridTemplateColumn.CellTemplate> 
       <DataTemplate> 
        <Image Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
       </DataTemplate> 
      </DataGridTemplateColumn.CellTemplate> 
     </DataGridTemplateColumn> 
    </DataGrid.Columns> 
</DataGrid> 

感謝を。

Answer 1

あなたのようなグリッドを使用する場合：

<Grid> 
    <Image Name ="Image1" Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
    <Image Name ="Image2" Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
</Grid> 

すべての項目はあなたが一番上になります一つだけが表示されます0,0に配置されます。あなたは最初のようにこれらの画像を配置することができます0.0秒はこの場合50px、0です。

しかし、私は最善の方法を追加することだと思う：

<StackPanel Orientation="Horizontal"> 
    <Image Name ="Image1" Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
    <Image Name ="Image2" Source="{Binding Name,Converter={StaticResource CivToImage}}" Height="50px" Width="50px"/> 
</StackPanel> 

これは、隣同士にすべてのアイテムを配置します。私が100％問題を理解しているとは確信していないので、これが当てはまることを願っています。