如何实现水平滚动? - windows phone

How to implement horizontal scroll? - windows phone

我已经可以使用此代码,但我想将滚动更改为水平滚动。 我是 windows phone 的新手。请提供任何帮助。

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,139,12,0">
        <ListBox Name="lbLogros" Margin="0,10,-10,0" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" Height="160" Margin="0,0,0,10">
                        <Image Width="140" Source="{Binding Path=rutaImagen}" />
                        <StackPanel Margin="20,0,0,0">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="100"/>
                                </Grid.RowDefinitions>
                                <TextBlock Grid.Row="0" FontSize="40" Text="{Binding Path=nombre}" Style="{StaticResource MainSubtitle}" />
                                <TextBlock Grid.Row="1" FontSize="20" Width="290" TextWrapping="Wrap" Style="{StaticResource MainText}">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget purus ligula.
                                </TextBlock>
                            </Grid>
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>

你只需要改变你的可见性,它适用于我的情况。

ScrollViewer.HorizontalScrollBarVisibility="Visible" 

要控制项目在 ListBox 控件或其他类似控件中的排列方式,请使用 ItemsPanel 属性。例如,对 ItmsPanel 使用 horizo​​ntal VirtualizingStackPanel 将导致项目水平排列:

<ListBox Name="lbLogros" Margin="0,10,-10,0" 
         ScrollViewer.HorizontalScrollBarVisibility="Auto">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        .....
        .....
    </ListBox.ItemTemplate>
</ListBox>