Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Fixing a Flashing Transition in Windows Phone Apps

DZone's Guide to

Fixing a Flashing Transition in Windows Phone Apps

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

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) };
}



Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}