在QML中創建不透明度動畫

Question

我有一個90％不透明度的灰色矩形，我試圖用動畫改變這個不透明度。我嘗試過使用OpacityAnimator，但是，正如文檔所述，在動畫完成後Item :: opacity的值會更新。

這不是我所期望的，我想在動畫期間減少不透明度，而不是在2秒後立即將其從90改變爲0。

這就是我：

ApplicationWindow { 
    visible: true 
    width: 640 
    height: 480 
    title: qsTr("title") 
    Rectangle{ 
     width: parent.width 
     height: parent.height 
     opacity: 90 
     color: "gray" 
     id: recLoading 
     Text { 
      id: txtLoading 
      text: qsTr("Loading") 
      font.bold: true 
     } 

     OpacityAnimator on opacity{ 
      from: 90 
      to:0 
      duration:2000 
      target: parent 
      running:true 
     } 

    } 
} 

Answer 1

嘗試被指定爲之間的數字改變你的不透明度值0值的範圍內，1即

... 
Rectangle{ 
    width: parent.width 
    height: parent.height 
    opacity: 0.9 
    ... 

OpacityAnimator on opacity{ 
    from: 0.9 
    to: 0.0 
    duration:2000 
    target: parent 
    running:true 
} 

Answer 2

不透明度之間0.0（完全透明）和1.0（完全不透明）。

http://doc.qt.io/qt-5/qml-qtquick-item.html#opacity-prop