Screen Transitions in QT

? Offline

Hi All,

I have query regarding screen trasition in QT. I want push in/push out transition between two screens.

Please refer below link for transition effect.

http://wiki.forum.nokia.com/index.php/Mobile_Design_Patterns:_Screen_Transitions

Can you please guide us how achieve screen transition or give me sample code or link so that i can understand the screen transition which are mostly used in mobile application.

Thanks,
Neel

? Offline

Hi Neel,

Refer to "this":http://wiki.forum.nokia.com/index.php/Extending_QStackedWidget_for_sliding_page_animations_in_Qt example.

? Offline

Thanks for giving me link.
I am not able to compile with my sample application.

i want just simple example link in one dialog form there is three label and another dialog in which also three label and images are displayed in both qdialog form.

If i press any Enter key then second dialog will be displayed with another three images in push in/push out transition effect.

Thanks,
Neel

? Offline

Thats the simplest one available as an example. Just go through it and implement similar animations in your own code.

? Offline

yes QtK is correct simple use QPropertyAnimation and supply the widget you want to push out and set the duration and position start the animation you are done with that.

And if you want to animate two widget then use the QParallelAnimationGroup thats all . :-)

? Offline

[quote author="gaba88" date="1294125679"]yes QtK is correct simple use QPropertyAnimation and supply the widget you want to push out and set the duration and position start the animation you are done with that.

And if you want to animate two widget then use the QParallelAnimationGroup thats all . :-)[/quote]

Welcome to QDN

? Offline

Hello QtK

Thanks for the warm welcome. :-)

? Offline

Thanks QTK.
I have done with my sample application and also my sample application works on embedded platform.
Thanks a lot again.

Thanks,
Neel

? Offline

I have one question.
I have done my sample allpication without making .ui file in QDesigner i have made it in .cpp file manualy.
If i want to add my four .ui file then how can i achieve this transition between four .ui files rather than creating manually in .cpp file ?

can anybody explain me with examples ?

Thanks,
Neel

? Offline

AFAIK you will have to code it in cpp. You can't set the transitions using Qt Creator UI yet.

andre

Two approaches:

you can use your .ui files for the individual pages. These can be designed in designer, and then loaded as pages for your sliding view. That should work just fine.

You can extend the sliding-stacked-widget to a proper designer plugin. That way, you will be able to use it directly from designer itself.