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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類