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

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

是的，当然

肖恩·肯德罗特为此写了一篇博文

归结起来是：

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

关键是要使用新的控件，当然是的

肖恩·肯德罗特为此写了一篇博文

归结起来是：

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

---

关键是要使用新的控件，并且。

您要使用

SemanticZoom

控件，如中所述：

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

---

…

您将使用

SemanticZoom

控件，如中所述：

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

---

…

我使用

SemanticZoom

控件重新实现了一个具有本地外观的

LongListSelector

控件

请查看此页面：

---

我使用

SemanticZoom

控件重新实现了一个具有本地外观的

LongListSelector

控件

请查看此页面：

---

Hi-Filip，ItemsSource=“{Binding Source={StaticResource GroupedData}}”。在这种情况下，什么是分组数据？在上面提到的代码中，我将ZoominView视为标题项，将ZoomoutView视为项目列表。在正常的列表视图中，我在分组时也遇到了一些问题。请参阅此Hi-Filip，ItemsSource=“{Binding Source={StaticResource GroupedData}}”。在这种情况下，什么是分组数据？在上面提到的代码中，我将ZoominView视为标题项，将ZoomoutView视为项目列表。在正常的列表视图中，我在分组时也遇到了一些问题。请看这个

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