Mobile Zone is brought to you in partnership with:

Mikael is the founder of Adafy Oy, a Finnish software startup providing development services for Windows Phone, Windows 8 and Windows Azure. Adafy is available for hire: www.adafy.com. Mikael is a DZone MVB and is not an employee of DZone and has posted 46 posts at DZone. You can read more from them at their website. View Full User Profile

Fixing a Flashing Transition in Windows Phone Apps

07.22.2013
| 1948 views |
  • submit to reddit

We have one Windows Phone app which we have designed to have white background even when the phone’s theme is set to black.

image

The app uses Telerik’s RadPhoneApplicationFrame which provides nice transitions (similar to Navigation Transitions in Windows Phone Toolkit) when a user moves from a page to page.

The problem was that during the transition, the app’s background was shown on black (using the phone’s theme). As we had two pages with white backgrounds but a black transition between them, navigating between the pages provided an irritating experience. It was “flashing”. Here’s a screenshot taken from the app during a transition. Notice the black background:

image

Fortunately the fix was easy: We only had to set the background color of the frame to white:

protected override PhoneApplicationFrame CreatePhoneApplicationFrame()
{
    return new RadPhoneApplicationFrame() { Transition = new RadContinuumAndSlideTransition(), Background = new SolidColorBrush(Colors.White) };
}



Published at DZone with permission of Mikael Koskinen, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)