Vertikale scrollen innerhalb GridView Gruppe von Elementen in WinRT XAML

Bin ich mit dem GridView-Steuerelement für die Anzeige von Gruppen von verschiedenen Arten von Elementen in einem WinRT-XAML-app. Alles funktioniert gut, außer, dass das ItemsPanelTemplate verwendet ein Geschenkpapier-raster, stapeln meine Elemente senkrecht, wenn es out-of-space.

So, ich habe versucht, StackPanel, wie diese:

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

Elemente vertikal gestapelt sind, und das ist großartig, aber das problem ist jetzt, ich kann nicht scrollen, und Sie nicht auf den Bildschirm passen. Also ich habe versucht, das aktivieren vertikalen Bildlauf:

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

Aber das funktioniert nicht.
Irgendwelche Vorschläge, wie das zu erreichen vertikale scrollen innerhalb GridView-Gruppe?

EDIT 1:

Habe ich auch so probiert:

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

Dieser bricht der debugger als ItemsPanelTemplate muss ein Gremium wie ein Kind.

InformationsquelleAutor Igor Ralic | 2012-06-21
  1. 10

    OK, habe ich endlich gelöst! To whom it may concern:

    <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>

    Ist es wichtig, dass Sie verwenden Sie das Raster, um sicherzustellen, dass der ScrollViewer-Skalen korrekt.

    • Wie kommt Ihr scrollviewer ist die Skalierung richtig! Ich habe eine ListView mit horizontalen Strömung in einem raster. Meine ganze ListView-scrolls nicht die einzelnen Spalten.
    • Gut, ja. Dies ist, was Sie zu tun haben. Im Grunde dock scrollviewer-Element in einem raster, so dass in seiner Höhe festgelegt wird, und Blättern Sie darin.
    • XamlCompiler Warnung WMC1500: 'ContainerStyle' ist veraltet: ContainerStyle verändert werden können oder nicht verfügbar für Versionen nach Windows 8.1 und wird nicht unterstützt für ItemsControl.GroupStyle.
    • Vielen Dank für Ihre Antwort, ich brauche auch um die MaxHeight des Grid um die scroll-Arbeit.
    InformationsquelleAutor Igor Ralic
  2. 2

    Was ist das?

    Macht es Elemente wie folgt:

    Element 1 Element 2

    Punkt 3 Punkt 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>
    InformationsquelleAutor Luis Cantero
  3. 0

    Ich würde platzieren Sie Ihre Elemente in einem scroll-viewer direkt. Wie diese:

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

    Ich hoffe, das hilft,
    Lance

    • Vielen Dank für Ihre Antwort. Ich habe versucht, dies zu. Dies bricht den debugger, wie ItemsPanelTemplate muss ein Gremium wie ein Kind.
    • Was ist, wenn Sie einen zusätzlichen Puffer grid oder stackpanel zu halten, das scrollviewer-Element. Dies sollte genügen die Vorlage und sehen immer noch aus, um den Benutzer. ItemsPanelTemplate > Stackpanel >Scrollviewer - > Stackpanel
    • Das wird nicht funktionieren, entweder. Erhalten Sie noch debugger zu brechen.
    InformationsquelleAutor Lance McCarthy
  4. 0

    Können Sie auch will der ZoomMode des ScrollViewer-Deaktiviert 🙂

    Hinsichtlich

    InformationsquelleAutor Jonatha ANTOINE
Schreibe einen Kommentar