Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

Screen Transitions in QT



  • 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





  • 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



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



  • 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 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



  • Hello QtK

    Thanks for the warm welcome. :-)



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

    Thanks,
    Neel



  • 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



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



  • 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.


Log in to reply