水平ScrollViewer列表 - WP8

时间:2014-01-23 23:57:21

标签: c# windows-phone-8 windows-phone scrollviewer

我试图在Windows Phone 8项目上实现这个目标: Rought sketch

我希望有多行填充元素(在这种情况下是图像),我可以在水平滚动,能够点击它们并导航到新页面,除此之外,我希望该列表可以在垂直方向上滚动

例如,我向下滚动直到我看到第10行,然后在第10行,我向右滚动直到我到达图像8,当我按下它时,我会导航到另一页。

如果有人能给我一个如何实现这一点的线索,我将不胜感激

1 个答案:

答案 0 :(得分:2)

也许这会对你有所帮助。将Scrollviewer置于ListBox Datatemplate与水平scrollBarVisibility内。

    <ListBox  Grid.Row="1"  Name="listBoxClient">
       <ListBox.ItemTemplate>
         <DataTemplate>
            <ScrollViewer VerticalAlignment="Top" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled" Width ="400">
<StackPanel Orientation="Horizontal">
            <Image Source="{Binding YourImageSource}" Width="YourWidth" Height="YourHeight" Tap="Iamge_Tap"/>
</StackPanel>
            </ScrollViewer>
          </DataTemplate>
         </ListBox.ItemTemplate>
    </ListBox>

代码

private void Iamge_Tap(object sender, System.Windows.Input.GestureEventArgs e)
    {
      NavigationService.Navigate(new Uri("Your page path",UriKind.Relative));
    }