ItemsControl avec orientation horizontale

Question

Vous connaissez tous les contrôles hérités de ItemsControl qui ont une orientation horizontale des éléments ?

Answer 1

Changez simplement le panneau utilisé pour héberger les éléments:

 <ItemsControl ...>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>
 

Answer 2

Bien que la réponse promue soit excellente, voici une alternative si vous voulez que les éléments s'étirent.

 <ItemsControl.ItemsPanel>                              
    <ItemsPanelTemplate>
        <UniformGrid Rows="1" />
    </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>   
 

Answer 3

Le haut réponse est bonne, mais je ne pouvais pas le faire fonctionner avec des usercontrols. Si vous avez besoin d'usercontrols, cela devrait aider.

ItemsControl à l'Horizontale Usercontrols

Ma Version:

      <Window.Resources>  

        <DataTemplate x:Key="ItemTemplate2">
            <StackPanel>
                <uc:MyUserControl MinWidth="20" BorderBrush="Black" BorderThickness="0.1"></uc:MyUserControl>
            </StackPanel>
        </DataTemplate>
        <ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
            <StackPanel Orientation="Horizontal" Margin="0,0,0,0"/>
        </ItemsPanelTemplate>
</Window.Resources>

<StackPanel>
<ItemsControl x:Name="list_MyControls" HorizontalAlignment="Left" Margin="0,8,0,0" VerticalAlignment="Top"
                          ItemTemplate="{StaticResource ItemTemplate2}"                 
                          ItemsPanel="{StaticResource ItemsPanelTemplate1}"/>

</StackPanel>

Pour lier des données, vous devez ajouter un ItemsSource de la ItemsControl, dans le XAML, ou le code derrière. Notez également que les communications unifiées: la xmlns:uc="NamespaceOfMyControl", a déclaré au début du fichier.

Answer 4

Cela ne va pas en fait de travailler dans de nombreuses situations.

l’utilisation d’un stackpanel signifie que le contenu ne s’étire pas pour remplir l’espace.

vous devez ensuite définir une largeur fixe sur quoi que ce soit dans l’itemtemplate.