How to fadeout a windows phone 8 page, when navigate from one page to other?
I'm trying to navigate one page to other in windows phone 8, how can I fadeout my current page and navigate to new page.
Use Microsoft.Phone.Controls.Toolkit.dll to apply fadeIn fadeOut page navigation effect:
click here to know step by step implementation and you could below find the download solution
You can surely use the toolkit navigation effects. But I just want to mention you can create any animation effect you want for any silverlight control with Blend. It has a no-code designer solution for that. I'd suggest to see this page for an overview. To fade out you can simply make the opacity 0 with recording 2-3 keyframe.
Related
I am looking for infinite circular carousel control for Windows Phone 8.1. The one that can be scrolled left and right.
You may take a look at Syncfusion Carousel control:
http://www.syncfusion.com/products/windows-phone/carousel
But it looks like they still do not support infinite scrolling, although I have made such a feature request in the past
using:
Chrome 36.0.1985.125
Foundation Orbit 5.2.2 with animation: slide
I have a slide show, 5 slides, at the top of my page. They are set to transition via slide every 3000 ms.
I first noticed the repaint issue described below due to Fancybox being called near the bottom of the page. While the Fancybox iframe was "popped out" there would be a quick white flash / flicker affecting everything apart from the iframe, every 3 seconds.
Using Chrome's inspector's Timeline view as well as the Rendering option to "Show paint rectangles" proved my suspicions correct.
Even when the slide set (the top of the page) is off screen, still every 3 seconds there is a page-wide repaint. With the inspector's Timeline, I can see a "heartbeat" every 3 seconds in the flow, even when scrolled all the way to the bottom of the page, including a large purple and green spike, where purple represents rendering and green represents painting. With the Rendering option "Show paint rectangles" I see, again even when scrolled all the way to the bottom of the page, a quick flash of every element on the page framed and tinted in green (being painted) every 3 seconds.
I've looked around quite a bit for "foundation orbit flickering," "orbit slideshow repaint" "foundation orbit repaint offscreen," and similar terms and have so far not discovered anything of use.
One or two pages I read mentioned a font change or font flicker at regular intervals relating to the slides' transitions. The "fix" (or workaround) there was to change the animation parameter's value from slide to fade. Trying this, I found that the repaint issue went away completely. However, I would prefer to use the slide transition.
I haven't been able to reproduce this in Safari or Firefox, but I also don't know what developer tools to use in either of those browsers that would confirm or deny whether the repaint is occurring (i.e. the equivalent of Timeline or "Show paint rectangles" in Chrome's inspector). Failing that behind-the-scenes proof, it is the case that in Firefox and Safari, with the Fancybox iframe popped out near the bottom of the page, there is no white flash / flicker, as there is in Chrome due to the repaint.
Any help would be greatly appreciated.
And yes, I realise that the Foundation Orbit slideshow is no longer supported.
Many thanks.
I'm using WP Toolkit to do the transitions between my app pages, it works fine , but I get this strange delay in between transitions while navigating from one page to another, it just shows a blank(black) screen which obviously doesn't look good. I also Need How to implement this in my app. I'd appreciate it if someone can help me with it or suggest another page transition library.
I meet a problem on mgwt development and wanna ask for help here. I am developing an application using MGWT and phonegap. And there will be some animation which will interact with user like swiping a panel with an background image. I implemented it by using Css translation. It works fine in browser(both chrome and safari) and in iphone. I use MGWT to create the home page with a scrollPanel in the middle, after clicking the items in the scrollPanel, a touchPanel will swipe to the center to cover the homePage. This swiping animation is done by Css translate3d(x,y,z).
However, when I deploy the application to iPad 4, the background color(using css) start flickering during the panel translation. the scrollPanel in the home screen keep flickering for around one seconde( I guess it is rendering), part of the items disappear and the part of the white background ground is show. The problem also appear in the touchPanel's content. I tried some suggested solution like hardware acceleration using translate3d(0,0,0) but seems it doesn't work.
Do any body know why? Please help, thank you.
I am developing a game in HTML5 and have created a Windows Phone 8 HTML5 containter for it. The only problem I am having is with touch.
First there is a small circle that appears where I click.
Second is there a way to increase how quickly touches are detected?
Finally any way to disable scrolling in the web browser view?