Le défilement Vertical à l'intérieur GridView groupe d'éléments en XAML

Je suis en utilisant GridView pour l'affichage des groupes de différents ensembles d'éléments dans un XAML app. Tout fonctionne bien, sauf que la ItemsPanelTemplate utilise une grille qui empile mes articles à la verticale lors de la sortie de l'espace.

J'ai donc essayé d'utiliser StackPanel, comme ceci:

<GroupStyle.Panel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Vertical" Visibility="Visible" />
    </ItemsPanelTemplate>
</GroupStyle.Panel>

Les éléments sont empilés verticalement, et c'est très bien, mais le problème est maintenant que je ne peux pas faire défiler eux, et ils ne tiennent pas sur l'écran. J'ai donc essayé permettant le défilement vertical:

<GroupStyle.Panel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Vertical" Visibility="Visible" 
                    ScrollViewer.VerticalScrollBarVisibility="Visible"
                    ScrollViewer.VerticalScrollMode="Enabled"/>
    </ItemsPanelTemplate>
</GroupStyle.Panel>

Mais qui ne fonctionne pas.
Toutes les suggestions sur la manière d'accomplir le défilement vertical à l'intérieur GridView groupe?

EDIT 1:

J'ai aussi essayé ceci:

<GroupStyle.Panel>
    <ItemsPanelTemplate>
        <ScrollViewer VerticalScrollBarVisibility="Visible"
                      HorizontalScrollMode="Disabled" 
                      ZoomMode="Disabled" 
                      VerticalScrollMode="Enabled">
              <StackPanel Orientation="Vertical" Visibility="Visible" />
         </ScrollViewer>
     </ItemsPanelTemplate>
 </GroupStyle.Panel>

Cela rompt avec le débogueur comme le ItemsPanelTemplate besoin d'un panneau comme un enfant.

OriginalL'auteur Igor Ralic | 2012-06-21

  1. 10

    OK, j'ai enfin résolu! À qui cela peut concerner:

    <GroupStyle.ContainerStyle>
    <Style TargetType="GroupItem">
        <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="GroupItem">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <ContentPresenter Content="{TemplateBinding Content}" Grid.Row="0"/>
                    <ItemsControl x:Name="ItemsControl2" ItemsSource="{Binding GroupItems}" Grid.Row="1">
                        <ItemsControl.Template>
                        <ControlTemplate>
                            <ScrollViewer x:Name="ScrollViewer" VerticalScrollBarVisibility="Hidden"                                                  VerticalScrollMode="Enabled" HorizontalScrollBarVisibility="Disabled"                                                  HorizontalScrollMode="Disabled">
                            <ItemsPresenter />
                            </ScrollViewer>
                        </ControlTemplate>
                        </ItemsControl.Template>
                    </ItemsControl>
                </Grid>
           </ControlTemplate>
       </Setter.Value>
       </Setter>
   </Style>
</GroupStyle.ContainerStyle>

    Il est important que vous utilisez la Grille pour s'assurer que le ScrollViewer échelles correctement.

    Comment venir à votre scrollviewer est correctement! J'ai mis un ListView avec écoulement horizontal à l'intérieur d'une grille. Toute ma ListView défile plutôt que de colonnes.
    Bon, oui. C'est ce que vous avez à faire. Fondamentalement, le dock de votre scrollviewer dans une grille, de sorte que sa hauteur est réglé et vous pouvez faire défiler à l'intérieur.
    XamlCompiler avertissement WMC1500: 'ContainerStyle' est obsolète: ContainerStyle peuvent être modifiés ou non disponible pour les versions postérieures à Windows 8.1, et n'est pas pris en charge pour ItemsControl.GroupStyle.
    Merci pour votre réponse, j'ai aussi besoin de définir les MaxHeight de la Grid afin de rendre le travail de défilement.

    OriginalL'auteur Igor Ralic

  2. 2

    Quoi à ce sujet?

    Il rend comme cela:

    Article 1 Article 2

    Élément 3 Élément 4

    <ListView Width="200">
    <ListBoxItem>
        <TextBlock>Item 1</TextBlock>
    </ListBoxItem>
    <ListBoxItem>
        <TextBlock>Item 2</TextBlock>
    </ListBoxItem>
    <ListBoxItem>
        <TextBlock>Item 3</TextBlock>
    </ListBoxItem>
    <ListBoxItem>
        <TextBlock>Item 4</TextBlock>
    </ListBoxItem>
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapGrid Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

    OriginalL'auteur Luis Cantero

  3. 0

    Je voudrais placer vos éléments à l'intérieur de défilement de l'observateur. Comme ceci:

    <GroupStyle.Panel>
 <ItemsPanelTemplate>
      <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollMode="Disabled" ZoomMode="Disabled" VerticalScrollMode="Enabled">
            <StackPanel Orientation="Vertical" Visibility="Visible" />
      </ScrollViewer>
 </ItemsPanelTemplate>

    J'espère que cette aide,
    Lance

    Merci pour votre réponse. J'ai essayé ce trop. Cela rompt avec le débogueur, comme ItemsPanelTemplate besoin d'un panneau comme un enfant.
    Si vous placez un tampon supplémentaire de grille ou de stackpanel pour tenir le scrollviewer. Cela devrait satisfaire le modèle et toujours le même aspect à l'utilisateur. ItemsPanelTemplate > Stackpanel >Scrollviewer > Stackpanel
    Qui ne fonctionne pas, soit. Vous aurez toujours débogueur pause.

    OriginalL'auteur Lance McCarthy

  4. 0

    Vous pouvez aussi veut régler la ZoomMode du ScrollViewer Désactivé 🙂

    Ce qui concerne

    OriginalL'auteur Jonatha ANTOINE