Implementing a Loading Splash Screen for your Windows Phone App

Download this episode

Download Video

Download captions

Download Captions

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:
http://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

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    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.

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.