如何在wp8.1 windows运行时应用程序中实现LongListSelector跳转列表

Question

是否可以在wp8.1 Windows运行时应用程序中获得此功能？

Answer 1

是的，当然。

Shawn Kendrot写了一篇关于它的博客文章。

Migrating from the LongListSelector to the ListView in Windows Phone XAML Apps

归结为：

• 使用ListView作为垂直项目列表
• 定义GroupStyle而不是使用GroupHeaderTemplate
• 使用SemanticZoom显示跳转列表
• 使用GridView将标题项水平添加到跳转列表

重点是使用新控件 - ListView, GridView和SemanticZoom。

Answer 2

您使用this article中描述的SemanticZoom控件：

  

跳转列表   最后，我将展示如何复制Windows Phone独有的跳转列表样式。这允许用户点击组标题，查看组的摘要视图，然后跳转到他所在列表中的点。这在Windows Phone 8.1中与在Windows Phone 8.0中不同，Windows Phone 8.0使用与LongListSelector交替的跳转布局。相反，它使用SemanticZoom控件完成，并定义放大和缩小视图。在清单3的示例中，放大视图将是刚刚创建的ListView。我还将定义第二个ListView，它只显示组标题。

<SemanticZoom>
  <SemanticZoom.ZoomedInView>
    <ListView ItemTemplate="{StaticResource GroupTemplate}"
      ItemsSource="{Binding Source={StaticResource GroupedData}}"
      ItemsPanel="{StaticResource ItemsPanelTemplate1}">
      <ListView.GroupStyle>
        <GroupStyle>
          <GroupStyle.HeaderTemplate>
            <DataTemplate>
               <TextBlock Text="{Binding Property1}" />
            </DataTemplate>
          </GroupStyle.HeaderTemplate>
        </GroupStyle>
      </ListView.GroupStyle>
    </ListView>
  </SemanticZoom.ZoomedInView>
  <SemanticZoom.ZoomedOutView>
    <ListView
      ItemsSource="{Binding CollectionGroups, Source={StaticResource GroupedData}}">
      <ListView.ItemTemplate>
        <DataTemplate>
           <TextBlock Text="{Binding Group.Property1}" 
                      Foreground="Black" FontSize="18" />
        </DataTemplate>
      </ListView.ItemTemplate>
    </ListView>
  </SemanticZoom.ZoomedOutView>
</SemanticZoom>

...

Answer 3

我使用LongListSelector控件重新实现了一个原生的SemanticZoom控件。

查看此页面：https://mytoolkit.codeplex.com/wikipage?title=LongListSelector