【Qt】QPropertyAnimation

(tbd)

【目的】

• 製作簡單的 2D 動畫效果。

【步驟】

• 先從簡單的開始，由 Qt 官方文件入手。
  首先先在 UI 新增一個 Push Button ，當點選它就會由左上(0,0)至右下(250,250)移動。
  [參考] http://doc.qt.nokia.com/4.7/qpropertyanimation.html
• geometry 效果 

  void MainWindow::on_pushButton_clicked()
  {
    QPropertyAnimation *animation = new QPropertyAnimation(ui->pushButton, "geometry");
    animation->setDuration(10000);
    animation->setStartValue(QRect(0, 0, 100, 30));
    animation->setEndValue(QRect(250, 250, 100, 30));
  
    animation->start();
  }

• pos 效果
  

  void MainWindow::on_pushButton_clicked()
  {
    QPropertyAnimation *animation = new QPropertyAnimation(ui->pushButton, "pos");
    animation->setDuration(10000);
    animation->setStartValue(QPoint(0, 0));
    animation->setEndValue(QPoint(250, 250));
  
    animation->start();
  }

• opacity 效果
• rotation 效果
• 要造成動化效果，需要幾個Widget配合
• QStateMachine/QState
• QGraphicsProxyWidget
• setCacheMode
• QPropertyAnimation
• setDuration
• setStartValue
• setEndValue
• QParallelAnimationGroup
• addAnimation
• QSequentialAnimationGroup

【參考】

• animation/states/main.cpp
  http://doc.trolltech.com/4.7/animation-states-main-cpp.html
• Animation Framework: A Step Towards Modern UIs
  http://www.slideshare.net/qtbynokia/animation-framework-a-step-towards-modern-uis
• QT的Graphics View柜架(1/3)
  http://www.kuqin.com/cpluspluslib/20071113/2310.html
• Box2D:给你的Qt程序加上物理引擎
  http://www.cuteqt.com/blog/?p=1425