Windows Phone 8 supported a LongListSelector control which is no longer available for Windows Phone 8.1 WinRT apps. In this tutorial I will show how to use QKit’s toolkit to add a JumpList in your app.
Step 1: Install QKit toolkit from Nuget
Get QKit toolkit from Nuget. Refer to this article if you get struck.
How to integrate a Toolkit or Third party SDK with windows phone app using NuGet Package Manager
Step 2: Add a reference to QKit in your Page
Add Qkit’s reference to the page.
Step 3: Group your list items
Currently it’s just a ListView
with its ItemsSource
bound to a flat list. The first thing you need to do is group the items so it’s no longer a flat list. This is easy since the JumpListHelper
class is included in QKit.
The helper class will spit back a list of JumpListGroups
that is compatible with the Generic
and AlphaJumpLists
.
Step 4: Wrap the ListView or GridView control with a JumpList control
Now, the nextstep is to simply wrap the ListView
or GridView
control with a JumpList
control.
Step 5: Set the List’s ItemSource
If the child ListViewBase
‘s ItemsSource
is being set programmatically rather than through data binding, you need to call the ReleaseItemsSource
method before setting the ListViewBase
‘s ItemsSource
, and the ApplyItemsSource
method after setting the ListViewBase
‘s ItemsSource
on the JumpList
control.
That’s it. Your list will look similar to the screenshot shown below.
Download the project’s source code for reference.
Download JumpList
Checkout a related post on using ListView in android.