title: How to stop the transition animation in QML?
body: <p>There is window, its layout designed by <code>states and transition</code>.  we know that when the state change, the <code>transition-animation</code> will start automatically,  but when the transition animation doesn't finished, i change the state, it make troubles.  just like <code>slow in reacting</code>;  how to fix it? thank you...</p>
  <p>it something like this :</p>
  <blockquote>
  <p>Flickable {</p>
  <pre><code>            id: content
              anchors.fill: parent
              flickableDirection: Flickable.HorizontalFlick
              contentWidth: width * 2
              contentHeight: height
              clip: true
  
              onFlickStarted: {
                  if(horizontalVelocity &gt; 0) {
                      regAndFind.state = &quot;Find&quot;
                  }
                  else {
                      regAndFind.state = &quot;Register&quot;
                  }
              }  ....... 
  }
  </code></pre>
  </blockquote>
  <pre><code>states: [
      State {
          name: &quot;Register&quot;
          PropertyChanges {
              target: slider
              x: 0
          }
          PropertyChanges {
              target: content
              contentX: 0
          }
      },
      State {
          name: &quot;Find&quot;
          PropertyChanges {
              target: slider
              x: parent.width / 2
          }
          PropertyChanges {
              target: content
              contentX: parent.width
          }
      }
  ]
  
  transitions: [
      Transition {
          NumberAnimation {
              target: slider
              property: &quot;x&quot;
              duration: 600
          }
          NumberAnimation {
              target: content
              property: &quot;contentX&quot;
              duration: 600
          }
      }
  ]
  </code></pre>