Gridview 无法在 Windows Phone 8.1 中水平滚动 [英] Gridview not scrolling horizontally in windows phone 8.1

问题描述

.Gridview 在 windows phone 应用程序中不是水平滚动而是垂直滚动.我只是将 windows 8.1 应用程序的代码复制粘贴到 windows phone 8.1，但它正在垂直滚动.

.Gridview not scrolling horizontally in windows phone app instead it is scrolling vertically.I just copy paste the code of my windows 8.1 app to windows phone 8.1 but it is scrolling vertically.

这里是xaml代码:

    <Grid>
    <Grid.Background>
        <ImageBrush ImageSource="Assets/back3.png"></ImageBrush>
    </Grid.Background>

    <Grid.ChildrenTransitions>
        <TransitionCollection>
            <EntranceThemeTransition/>
        </TransitionCollection>
    </Grid.ChildrenTransitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="5*"/>
        <RowDefinition Height=".6*"/>

    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="70"/>
        <ColumnDefinition Width="*"/>

    </Grid.ColumnDefinitions>
    <TextBlock Text="Select Comic" Foreground="Black" FontSize="30" VerticalAlignment="Center" Grid.Row="0" Grid.Column="1"></TextBlock>
    <!-- Back button and page title -->
    <GridView x:Name="myGridview"  Grid.Column="1" Grid.Row="1" SelectionChanged="myGridview_SelectionChanged">
        <GridView.ItemTemplate>
            <DataTemplate>
                <StackPanel  Margin="0,0,20,20">
                    <Image Source="{Binding source}"  Width="100" Height="100" Stretch="Fill"></Image>
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>


</Grid>

推荐答案

尝试ItemsPanel,ScrollViewer.Horizo​​ntalScrollMode="Enabled" ScrollViewer.Horizo​​ntalScrollBarVisibility="Visible"

<GridView Width="400"  ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.HorizontalScrollBarVisibility="Visible">
    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Horizontal"></VirtualizingStackPanel>
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>
    <GridView.ItemTemplate>
        <DataTemplate>
            <StackPanel  Margin="0,0,20,20">
                <Image Source="{Binding source}"  Width="100" Height="100" Stretch="Fill"></Image>
            </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

更新

尝试更改 Itemspanel :WrapGrid Orientation="Vertical" 或 Orientation="Horizo​​ntal"

try by changing Itemspanel : WrapGrid Orientation="Vertical" or Orientation="Horizontal"

<GridView Width="400"  ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.HorizontalScrollBarVisibility="Visible">
    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapGrid Orientation="Vertical"></WrapGrid>
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>
    <GridView.ItemTemplate>
        <DataTemplate>
            <StackPanel  Margin="0,0,20,20">
                <Image Source="{Binding source}"  Width="100" Height="100" Stretch="Fill"></Image>
            </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

这篇关于Gridview 无法在 Windows Phone 8.1 中水平滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！