Windows-8.1

Windows Phone 8.1 XAML Jumplist

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.

Using ListView in Android

Vivek Maskara

I am pursuing BTech in Software Engineering from Delhi Technological University. I develop apps, create websites and blog about my app experiences.

  • Ngugi Ndung’u

    Why does the listview show group headers only yet there are items in those groups?

Read more:
How to create your first Windows Phone app
How to change the App name and Tile name of your Windows phone app
Data binding in Windows Phone app – One way binding
Close