40.QT-QPropertyAnimationdong動畫類使用

来源:https://www.cnblogs.com/lifexy/archive/2019/05/21/10903081.html
-Advertisement-
Play Games

簡述:QPropertyAnimation (動畫類,用來向QObject對象添加動畫) 該類的繼承框圖如下所示: 1.QAbstractAnimation(所有動畫的抽象基類) 該抽象類為QPropertyAnimation提供了動畫播放,暫停,停止,持續時間,迴圈周期等抽象函數. 其中常用的成員 ...


 

  • 簡述:QPropertyAnimation (動畫類,用來向QObject對象添加動畫)

該類的繼承框圖如下所示:

 

1.QAbstractAnimation(所有動畫的抽象基類)

該抽象類為QPropertyAnimation提供了動畫播放,暫停,停止,持續時間,迴圈周期等抽象函數.

其中常用的成員函數如下所示:

int   currentLoop() const                   //獲取當前動畫已經迴圈了幾個周期了

int   currentTime() const                     //獲取當前動畫已經啟動了多少時間

void   setLoopCount(int loopCount);           //設置動畫迴圈次數,預設為1(表示動畫運行1次就停止),如果為-1,則表示動畫一直迴圈,直到調用stop()為止.

void  setDirection(Direction direction);     //設置動畫方向,預設為QAbstractAnimation::Forward(表示從起始點到結束點),也可以設置為QAbstractAnimation::Backward.

常用信號函數如下所示:

void   currentLoopChanged(int currentLoop);      //動畫運行周期信號函數,當周期進行新的迴圈時,則會發出這個信號

void   finished();                    //當動畫完成後,則會發出這個信號

void  stateChanged(QAbstractAnimation::State newState, QAbstractAnimation::State oldState);   
 //當動畫發生改變(停止/暫停/運行)時,則會發出這個信號, newState表示動畫改變後的狀態, oldState表示動畫改變前的狀態

void  directionChanged(QAbstractAnimation::Direction newDirection);//當動畫發生方向改變時,這會發出這個信號,

常用槽函數如下所示:

void  pause();                          //暫停動畫

void  resume();                       //恢復動畫

void  setCurrentTime(int msecs);   //直接更改當前動畫的進度時間,可以通過currentTime()函數來獲取改的值

void  setPaused(bool paused);   //和pause()類似,但是有個參數,如果paused為真則暫停動畫,否則就是恢復動畫

void  start(QAbstractAnimation::DeletionPolicy policy = KeepWhenStopped);   //啟動動畫
                                                     //預設參數為KeepWhenStopped,表示停止動畫時,保持當前狀態
                                                     //如果改為DeleteWhenStopped,則表示停止動畫時,自動刪除


void  stop();               //停止動畫

2.QVariantAnimation (動畫的多樣類)

該QVariantAnimation類主要是為QPropertyAnimation類提供動畫起始結束的位置,方向,運動等機制

該類常用函數如下所示:

void         setStartValue(const QVariant &value);           //設置動畫啟動的位置
void         setEndValue(const QVariant &value);             //設置動畫結束的位置
void         setDuration(int msecs);                         //設置動畫運行一次需要的時間,單位為毫秒

QEasingCurve         easingCurve() const;                     //返回EasingCurve曲線的設置(EasingCurve:可以設置動畫運動曲線的動作)

void         setEasingCurve(const QEasingCurve &easing);       //設置動畫運動時的EasingCurve曲線

void         setKeyValueAt(qreal step, const QVariant &value);       //設置動畫在不同時間幀時所在的位置
 //step(0~1): 時間幀,0表示為開始的幀,1表示結束的幀,0.5表示在中間的時間幀
 // value:表示對應的step時間幀所在的動畫位置(比如設置抖動,則會用到該函數)

QVariant  keyValueAt(qreal step) const;      //返回step時間幀所在的動畫位置

該類常用信號函數如下所示:

void         valueChanged(const QVariant &value);
                          //當運行的動畫位置在改變時,則會發出這個信號

 

3.QPropertyAnimation (用來向QObject對象添加動畫屬性)

該類的構造函數如下所示:

QPropertyAnimation(QObject *target, const QByteArray &propertyName, QObject *parent = Q_NULLPTR);
// target:要實現動畫的目標對象
// propertyName:動畫屬性名稱
// parent:該動畫的父類,一般設為this

 

4.示例1-界面實現下降動畫

效果如下:

PS:由於GIF錄製無法錄製帶陰影的界面,所以將界面陰影屏蔽掉了.

PS:如果動畫啟動失敗,則看看父界面是否佈局了.

代碼如下:

void loginwindow::initAnimation()                 //在構造函數里調用該函數
{
    DownAnimation = new QPropertyAnimation(this,"geometry",this);
    DownAnimation->setDuration(300);             //設置動畫時間
    QDesktopWidget* desktop = qApp->desktop();
    DownAnimation->setStartValue(QRect((desktop->width() -this->width())/2,(desktop->height() -this->height())/2,this->width(),0));        //起始位置
    DownAnimation->setEndValue(QRect((desktop->width() -this->width())/2,(desktop->height() -this->height())/2,this->width(),this->height()));            //結束位置
     DownAnimation->start();              //啟動動畫
}

這個我們只是實現單個動畫,如果該動畫後面還要實現其它動畫,則需要信號槽機制來實現.

 

5.示例2-通過信號槽機制實現多個動畫串列運行

啟動界面時,通過下降動畫結束後,再來繼續實現logo向上浮的動畫(參考的QQ啟動畫面)

效果如下所示:

代碼如下:

//設置圖標
void loginwindow::setIconPix(QLabel *l,const QString & name,QSize size)
{
    QPixmap pix(name);
    pix = pix.scaled(size,Qt::IgnoreAspectRatio);
    l->setPixmap(pix);
    l->setFixedSize(size);
}
//初始化動畫
void loginwindow::initAnimation()
{
    QSize size(110,110);
    logo = new QLabel(this);
    setIconPix(logo,":logo",size);                //設置logo圖標
    logo->move(this->width()/2-size.width()/2,142);    
    logo->hide();                                  //先隱藏

    //設置圖標上浮動畫
    LogoAnimation = new QPropertyAnimation(logo,"geometry",this);
    LogoAnimation->setDuration(200);
    LogoAnimation->setStartValue(QRect(this->width()/2-size.width()/2,142,100,100));
    LogoAnimation->setEndValue(QRect(this->width()/2-size.width()/2,107,100,100));

     //設置界面下降動畫
    DownAnimation = new QPropertyAnimation(this,"geometry",this);
    DownAnimation->setDuration(300);
    QDesktopWidget* desktop = qApp->desktop();
    DownAnimation->setStartValue(QRect((desktop->width() -this->width())/2,(desktop->height() -this->height())/2,this->width(),0));
    DownAnimation->setEndValue(QRect((desktop->width() -this->width())/2,(desktop->height() -this->height())/2,this->width(),this->height()));
    DownAnimation->start();

    //連接槽函數
    connect(DownAnimation,SIGNAL(finished()),this,SLOT(DownAnimationOnfinished()));
}

//槽函數,用來啟動圖標上浮動畫
void loginwindow::DownAnimationOnfinished()
{
    logo->show();
    LogoAnimation->start();
}

6.示例3-界面關閉時實現居中關閉

效果如下:

 

PS：GIF錄製的幀數不達標,有點延遲.

關閉居中的代碼如下:

//初始化動畫
void loginwindow::initAnimation()
{
  //... ... 省略其它動畫初始化
  CloseAnimation = new QPropertyAnimation(this,"geometry",this);
  CloseAnimation->setDuration(150);

  connect(ui->title_close,SIGNAL(clicked()),this,SLOT(CloseAnimationOnStart()));
  connect(CloseAnimation,SIGNAL(finished()),this,SLOT(close()));
};

//關閉槽函數,由於界面隨時會在任意XY位置,所以需要在關閉時,再來初始化CloseAnimation的起始和結束的動畫位置
void loginwindow::CloseAnimationOnStart()
{
    CloseAnimation->setStartValue(QRect(this->geometry()));
    CloseAnimation->setEndValue(QRect(this->x(),this->y()+this->height()/4-2,this->width(),4));
    CloseAnimation->start();
}

7.QParallelAnimationGroup並行動畫組

該QParallelAnimationGroup類主要是用來封裝多個QPropertyAnimation動畫類,從而實現並行運行多個動畫

來個示例,當我們點擊登錄按鈕時,同時的將logo向下降,並且將stackedWidget登錄視窗也向下降,再重新升起stackedWidget下的第二個校驗登錄視窗.

效果如下:

 

實現的代碼如下:

void loginwindow::initAnimation()
{
    QSize logoSize(110,110);

   //此處忽略其它動畫... ...


    //圖標下浮動畫
    LogoDownAnimation = new QPropertyAnimation(logo,"geometry",this);
    LogoDownAnimation->setDuration(200);
    LogoDownAnimation->setEndValue(QRect(this->width()/2-logoSize.width()/2,160,logoSize.width(),logoSize.height()));
    LogoDownAnimation->setStartValue(QRect(this->width()/2-logoSize.width()/2,107,logoSize.width(),logoSize.height()));

    //stackedWidget視窗下浮動畫
    LogoInDownAnimation = new QPropertyAnimation(ui->stackedWidget,"geometry",this);
    LogoInDownAnimation->setDuration(400);
    LogoInDownAnimation->setStartValue(QRect(0,ui->widget_title->height(),ui->stackedWidget->width(),ui->stackedWidget->height()));   //從title界面的高度起點
    LogoInDownAnimation->setKeyValueAt(0.6,QRect(0,ui->window->height(),ui->stackedWidget->width(),ui->stackedWidget->height()));     //到主界面底部
    LogoInDownAnimation->setEndValue(QRect(0,logoSize.height()/2+140,ui->stackedWidget->width(),ui->stackedWidget->height()));      //到150的高處

    //設置並行動畫組
    LoginGroup = new QParallelAnimationGroup;
    LoginGroup->addAnimation(LogoDownAnimation);
    LoginGroup->addAnimation(LogoInDownAnimation);


    connect(ui->login,SIGNAL(clicked()),LoginGroup,SLOT(start()));                                                 
    connect(ui->cancelLogin,SIGNAL(clicked()),LoginGroup,SLOT(start()));
    connect(LoginGroup,SIGNAL(finished()),this,SLOT(goCheckorLoginFinished()));
}

void loginwindow::goCheckorLoginFinished()
{
    if(LoginGroup->direction() == QAbstractAnimation::Forward)  
    {
        ui->stackedWidget->setCurrentIndex(1);         
        LoginGroup->setDirection(QAbstractAnimation::Backward);
    }
    else
    {
        ui->stackedWidget->setCurrentIndex(0);     
        LoginGroup->setDirection(QAbstractAnimation::Forward);
    }
}

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 111
    1. 內容大綱 1. 自定義模塊 2. 模塊是什麼? 3. 為什麼要有模塊? 什麼是腳本? 4. 模塊的分類 5. import的使用 第一次導入模塊執行三件事 被導入模塊有獨立的名稱空間 為模塊起別名 導入多個模塊 6. from ... import ... from ... import .. ...
  • python網路-Socket之TCP編程(26)
    一、TCP簡介 1、TCP介紹 TCP協議，傳輸控制協議（英語：Transmission Control Protocol，縮寫為 TCP）是一種面向連接的、可靠的、基於位元組流的傳輸層通信協議。 TCP通信需要經過創建連接、數據傳送、終止連接三個步驟。 TCP通信模型中，在通信開始之前，一定要先建立 ...
  • Mac上go的下載安裝教程
    下載安裝 官網https://golang.google.cn/dl/下載，安裝 環境變數配置 參考https://www.jianshu.com/p/5c1873eaf3ca Bash 編輯~/.bash_profile文件（vim ~/.bash_profile,進入vim的正常模式，在正常模式 ...
  • 第一個爬蟲——豆瓣新書信息爬取
    第一個爬蟲程式——豆瓣新書信息爬取。主要用到 soup 的 find 和 find_all 方法。 ...
  • 優酷項目之 ORM(資料庫對象關係映射）代碼重寫
    前言： 我們在操作資料庫時候一般都是通過sql代碼來操作mysql資料庫中相關數據，這就需要懂得sql語句，那麼怎麼樣才能在不懂sql語句的情況下通過我們所學的python代碼來實現對mysql資料庫的操作？ 當然有這種神奇的操作，其中之一就是今天深入瞭解的ORM對象關係映射（Object Rela ...
  • 找出1000以內的所有完數
    運行結果： ...
  • linux環境安裝Jenkins
    Jenkins 的前身是 Hudson 是一個可擴展的持續集成引擎。 1.安裝JDK環境： 1.1配置環境變數信息如下：切記一定要找對jdk的安裝目錄 2.安裝Maven環境 2.1環境變數配置如下：註意找到maven的安裝目錄 3.安裝Jenkins CenOS版本 3.2修改配置文件如下： 3. ...
  • selenium+phantomjs爬取京東商品信息
    selenium+phantomjs爬取京東商品信息 今天自己實戰寫了個爬取京東商品信息，和上一篇的思路一樣，附上鏈接：https://www.cnblogs.com/cany/p/10897618.html 打開 https://www.jd.com/ 首先不需要登陸就可搜索，淘寶不一樣，所以淘寶 ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類