एनीमेशन लक्ष्य बदलना

Question

एक ऑब्जेक्ट से दूसरे ऑब्जेक्ट को एनीमेशन स्विच नहीं कर सकता। आईडी बदलती है (यह लॉग में 'दुनिया' प्रिंट करती है), लेकिन यह एनीमेशन को स्थानांतरित नहीं करती है: hello अभी भी चमकती है और world स्थिर है।

यह a.restart() पर कॉल करते समय सही ढंग से काम करता है। जब कोई फ़ंक्शन नहीं होता है, तो बस बाइंडिंग्स, आप onChanged का उपयोग कर सकते हैं और यह नियंत्रित कर सकते हैं कि एनीमेशन कैसे बंद हो जाता है (पूर्ण या रोकें) if (running) { complete(); restart(); }।

import QtQuick 2.5 

Column { 
    ColorAnimation { 
     id: a 

     target: lab1 
     property: "color" 

     running: true 
     loops: Animation.Infinite 
     duration: 500 

     from: "black" 
     to: "red" 
    } 

    Text { 
     id: lab1 

     text: "hello" 

     MouseArea { 
      anchors.fill: parent 
      onClicked: { 
       a.target = lab2 
       console.log("changed") 
       console.log(a.target.text) 
      } 
     } 
    } 

    Text { 
     id: lab2 

     text: "world" 
    } 
} 

Answer 1

मैं अब के लिए इसका उपयोग करेंगे के लिए ठीक काम करता है (बस onTargetChanged जोड़ा):

import QtQuick 2.5 

Column { 
    ColorAnimation { 
     id: a 

     target: lab1 

     onTargetChanged: { 
      if (running) { complete(); restart(); } 
     } 

     property: "color" 

     running: true 
     loops: Animation.Infinite 
     duration: 500 

     from: "black" 
     to: "red" 
    } 

    Text { 
     id: lab1 

     text: "hello" 

     MouseArea { 
      anchors.fill: parent 
      onClicked: { 
       a.target = lab2 
       console.log("changed") 
       console.log(a.target.text) 
      } 
     } 
    } 

    Text { 
     id: lab2 

     text: "world" 
    } 
} 

और बाध्यकारी के साथ (एनीमेशन दबाए जाने पर किसी अन्य लेबल पर स्विच किया जाता है):

import QtQuick 2.5 

Column { 
    id: root 

    ColorAnimation { 
     id: a 

     target: ma.pressed ? lab2 : lab1 

     onTargetChanged: { 
      if (running) { complete(); restart(); } 
     } 

     property: "color" 

     running: true 
     loops: Animation.Infinite 
     duration: 500 

     from: "black" 
     to: "red" 
    } 

    Text { 
     id: lab1 

     text: "hello" 

     MouseArea { 
      id: ma 
      anchors.fill: parent 
     } 
    } 

    Text { 
     id: lab2 

     text: "world" 
    } 
} 

Answer 2

आप लक्ष्य को बदलने से पहले एनीमेशन बंद कर देना चाहिए:

a.running = false 
a.target = lab2 
a.running = true 

यह मेरे