Windows Phone Allignment управления повторяющимся изображением

Question

Я разрабатываю приложение, и у меня есть элемент управления изображением, который отображает, однако, многие изображения хранятся в базе данных. Поэтому у меня есть изображения для отображения. Однако изображения отображаются ниже предыдущего, а не рядом с предыдущим. (игнорируйте имена рядом с изображением, которое я сейчас их вынул).

Так что мой вопрос в том, какой метод я могу использовать для выравнивания, я не уверен, что мне нужно искать в Google, все, что я могу придумать, не возвращает ничего близкого к тому, что я ищу. Код XAML ниже:

<Grid x:Name="LayoutRoot" Background="Transparent"> 
    <!--Pivot Control--> 
    <phone:Pivot Title="Share This!"> 
     <!--Pivot item one--> 
     <phone:PivotItem Header="All Photos"> 
      <Grid> 
       <ListBox Height="559" HorizontalAlignment="Left" Margin="6,20,0,0" x:Name="lst_viewPhotos" VerticalAlignment="Top" Width="444" FontSize="30" ItemsSource="{Binding}" SelectionChanged="lst_viewPhotos_SelectionChanged"> 
        <ListBox.ItemTemplate> 
         <DataTemplate> 
          <StackPanel Orientation="Horizontal" Margin="0,10,0,0" > 
           <Image Source="{Binding}" HorizontalAlignment="Left" Height="100" Width="100"/> 
          </StackPanel> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 
       </ListBox> 
      </Grid> 
     </phone:PivotItem> 
    </phone:Pivot> 
</Grid> 

Answer 1

Вы можете получить их отображение бок о бок друг с другом, установив ItemsPanel

<ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <VirtualizingStackPanel Orientation="Horizontal" /> 
    </ItemsPanelTemplate> 
</ListBox.ItemsPanel> 

Однако я бы рекомендовал GridView для этого, так что вы можете использовать Wrapgrid, который достигнет конец строки или столбца и завернуть в новую строку или столбец. Что-то вроде этого

<GridView> 
    <GridView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapGrid Orientation="Horizontal" /> 
     </ItemsPanelTemplate> 
    </GridView.ItemsPanel> 
</GridView>