如何实现水平滚动? - Windows手机

时间:2015-04-19 03:20:27

标签: xaml windows-phone-8 windows-phone-8.1

我已经有了这段代码,但我想将滚动更改为水平。 我非常新用Windows手机。如有任何帮助,将不胜感激。

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

2 个答案:

答案 0 :(得分:0)

你只需要改变你的知名度,它适用于我的情况。

ScrollViewer.HorizontalScrollBarVisibility="Visible" 

答案 1 :(得分:0)

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

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