Implementing a Loading Splash Screen for your Windows Phone App

Sign in to queue

Description

This video tutorial demonstrates how to create a loading screen in your Windows phone App that is bound to a property in the ViewModel.  It covers how to use Blend to create a simple loading screen and use the DataStateBehavior in conjunction with a Boolean ViewModel property to display the loading screen when data is loading, and the main view for the page when data has been finished loading.

Time Shortcuts:

[00:52] - Project Overview
[01:53] - Running Sample Application without loading screen
[02:18] - Creating the Splash Screen in Blend
[05:08] - Creating the Visual States
[07:18] - Running Sample Application with loading screen

Also, the sample application this article is based on is now available here:
https://code.msdn.microsoft.com/How-to-add-a-loading-d5c35be2

Follow the Windows Store Developer Solutions team on Twitter @wsdevsol. Comments are welcome, both below and on twitter.

Embed

Download

The Discussion

  • User profile image
    syyad

    nice, short, sweet and nugget
    keep posting such awesome articles

    thanks

  • User profile image
    BrentMorris​RTP

    Great Video and idea. Question: Where is the sample code located at? Also, you may to re-shoot the video to add more "zoom in" feature to the different text/code that you trying to point out. If you re-shoot, please add in the comment of "turning on" the recording at the 5:23 mark. Thanks for a creative idea and have a wonderful Holiday. (Live from Raleigh NC)

  • User profile image
    Bret​Bentzinger

    Thanks for the feedback.  I do not think I will re-shoot the video this time around, but will definitely make the adjustments for my next one.   I overlooked the sample application and sharing it.   I will sort that out and post an update when it is available, most likely after the holidays. 

  • User profile image
    Bret​Bentzinger

    I have added a link to the OneCode sample now, and added a new Timestamp to get quick access to creating and recording the visual states.

Add Your 2 Cents