User Tools

Site Tools


qt-quick-for-designers-1:making_things_move

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
qt-quick-for-designers-1:making_things_move [2013/06/22 02:39] mithatqt-quick-for-designers-1:making_things_move [2013/07/06 22:52] (current) – [Resources] mithat
Line 5: Line 5:
   * It is a non-visual element (typically) has visual impact.   * It is a non-visual element (typically) has visual impact.
   * Changing from one state to another creates dynamics.   * Changing from one state to another creates dynamics.
-{{youtube>udSFM3ftOoA?small}}+{{youtube>hO18NDpekp0?small}}
  
 ==== How to create States ==== ==== How to create States ====
Line 149: Line 149:
 ===== Transitions ===== ===== Transitions =====
   * State changes add dynamics, but Transitions make them pretty.   * State changes add dynamics, but Transitions make them pretty.
-{{youtube>8FAXKPmkfOw?small}}+{{youtube>Q2E3mjlcvEk?small}}
  
 ==== Animating from one State to another ==== ==== Animating from one State to another ====
Line 250: Line 250:
   * You can create collections of animations that happen in a specific order.   * You can create collections of animations that happen in a specific order.
     * **SequentialAnimation**:     * **SequentialAnimation**:
-{{youtube>DAghZ6C7rUU?small}}+{{youtube>sFVifXy8mAM?small}}
 <code javascript> <code javascript>
 SequentialAnimation {  SequentialAnimation { 
Line 268: Line 268:
 }</code> }</code>
     * **ParallelAnimation**     * **ParallelAnimation**
-{{youtube>oidUkxuNDfY?small}}+{{youtube>A-TOPzJpRYg?small}}
 <code javascript> <code javascript>
 ParallelAnimation {  ParallelAnimation { 
Line 330: Line 330:
 -------------------------------------------------------------- --------------------------------------------------------------
 ====== Resources ====== ====== Resources ======
-{{:qt-quick-for-designers-1:background.png?24|}} +  * {{:qt-quick-for-designers-1:images.zip|}} 
-{{:qt-quick-for-designers-1:button.png?24|}} +  * All source code is subject to this [[copyright header|copyright]].
-{{:qt-quick-for-designers-1:spaceship.png?24|}} +
qt-quick-for-designers-1/making_things_move.1371868759.txt.gz · Last modified: 2013/06/22 02:39 by mithat

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki