ScrollBar, ListBox et GroupBox

Version imprimable

Bonjour,
J'ai un UserControl qui contient, entre autres, une ListBox avec scrollBar. Ce UserControl est contenu dans une GroupBox de ma MainWindow ainsi :
Code:

1 2 3 4 5 6 7 8 9 10 <GroupBox Grid.Column="0" Grid.Row="1" Margin="3,3,0,0" > <GroupBox.Header> <Label FontSize="11">Project Infos</Label> </GroupBox.Header> <StackPanel> <local:GC_UI_FontsList x:Name="FontsList_UserControl" /> <Label Height="20"/> <local:GC_UI_PicturesList x:Name="PicturesList_UserControl"/> </StackPanel> </GroupBox>
et le code du UserControl :
Code:

1 2 3 4 5 6 7 8 <StackPanel> <Border BorderThickness="1,1,1,0" CornerRadius="5,5,0,0"> <Grid> <Label Name="Label_PicturesList" Content="Pictures" /> </Grid> </Border> <ListBox Name="PicturesList" ItemsSource="{Binding}" SelectionChanged="PicturesList_SelectionChanged" IsSynchronizedWithCurrentItem="True" ScrollViewer.VerticalScrollBarVisibility="Visible" /> </StackPanel>
Au début de l'application, la List Box est vide. Puis, je lui rajoute des éléments au fur et à mesure.
Mon problème est le suivant : je n'arrive pas à faire en sorte que la ListBox "reste" dans la GroupBox quand le nombre d'éléments qu'elle contient fait que sa hauteur devient plus "grande" que celle de la GroupBox. Le bas de la ListBox disparait et je ne peux plus accéder à ses éléments.
Comment faire pour qu'elle reste dans les limites de la GroupBox et que ce soit la ScrollBar qui se mette en route lorque le nombre d'élément augmente.
Merci d'avance.

Salut,

Il ne faut pas que utiliser le StackPanel dans ce cas. Regarde plutôt du côté du DockPanel ;)

Code:

1
2
3
4
5
6
7
8
9
10
   <GroupBox Grid.Column="0" Grid.Row="1" Margin="3,3,0,0" >
                    <GroupBox.Header>
                        <Label FontSize="11">Project Infos</Label>
                    </GroupBox.Header>
                    <DockPanel>
                        <local:GC_UI_FontsList x:Name="FontsList_UserControl" DockPanel.Dock="Top" />
                        <Label Height="20" DockPanel.Dock="Top" />
                        <local:GC_UI_PicturesList x:Name="PicturesList_UserControl"/>
                     </DockPanel>
                </GroupBox>

Et pareil dans ton UserControl :

Code:

1
2
3
4
5
6
7
8
<DockPanel>
        <Border BorderThickness="1,1,1,0" CornerRadius="5,5,0,0" DockPanel.Dock="Top" >
            <Grid>
                <Label Name="Label_PicturesList"  Content="Pictures" />
            </Grid>
        </Border>
        <ListBox Name="PicturesList" ItemsSource="{Binding}" SelectionChanged="PicturesList_SelectionChanged" IsSynchronizedWithCurrentItem="True" ScrollViewer.VerticalScrollBarVisibility="Visible" />
</DockPanel>

Scrollviewer

Code:

1
2
3
4
5
6
7
8
9
10
11
12
   <GroupBox Grid.Column="0" Grid.Row="1" Margin="3,3,0,0" >
                    <GroupBox.Header>
                        <Label FontSize="11">Project Infos</Label>
                    </GroupBox.Header>
                    <Scrollviewer>
                    <StackPanel>
                        <local:GC_UI_FontsList x:Name="FontsList_UserControl" />
                        <Label Height="20"/>
                        <local:GC_UI_PicturesList x:Name="PicturesList_UserControl"/>
                        </StackPanel>
                    </Scrollviewer>
                </GroupBox>

02/12/2009, 10h10
Lelio1407

Merci à tous les deux pour vos réponses. Malheureuresement, les solutions ne fonctionnent pas comme attendues.
Mes deux ListBox sont l'une au dessus de l'autre (d'où le stackPanel) et je ne vois pas comment utiliser le DockPanel pour obtenir le même résultat.
Concernant le scrollViewer, je voudrais que ce soit celui de la ListBox qui s'affiche dès que sa taille dépasse la taille de la ListBox, la GroupBox ne devrait pas en avoir (sauf si je n'ai pas d'autres choix bien sur).
Merci.
02/12/2009, 10h14
Lelio1407

Bon, j'ai dit une grosse bêtise!!! Je n'avais pas vu le DockPanel.Dock="Top".
Cela fonctionne parfaitement. Merci, merci!!!