Déplacer vers le bas contenu de débordement dans StackPanel horizontal

Question

J'ai une liste dans le détendeur:

<ListBox ItemsSource="{Binding MySource"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <RadioButton Content="{Binding MyContent}" /> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Horizontal" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox> 

J'Enroulez le bouton radio avec StackPanel d'orientation horizontale. Je veux que les boutons radio de débordement descendent comme l'image droite montrée ci-dessous (aucune barre de défilement horizontale). Maintenant, le mien est comme celui de gauche.

Stackpanel Orientation="Horizontal" http://www.empirepic.com/images/i8f5sevyzqch10uodso.jpg

Answer 1

Vous devez utiliser un WrapPanel, pas un StackPanel. Dans WPF, il est intégré aux assemblages principaux, mais dans Silverlight, vous devez obtenir le Silverlight Toolkit.

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding MySource"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <RadioButton Content="{Binding MyContent}" /> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <t:WrapPanel /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox>