2021/03/26：
參考如下：有慣性，有回頂效果；使用手勢

---

QT使用之 ：手指滑動后物理慣性滑動-動畫的實現，根據不同速度有不同的效果

---

一、 前言

首先，因為是使用手指滑動，所以控件要求能夠支持 touch事件
添加touch事件的思路可以參考之前的文章：
QT：觸摸屏支持手指觸摸，增加touch事件touchevent，記錄前后touch坐標并處理

---

二、思路

1、思路其實很簡單，就是 touch 事件結束之后，讓滾動條自己再繼續滾動一會就可以了；
2、對于慣性減速的實現，在touch事件開始以及結束的時候，可以獲取touch的方向以及速度；
3、動畫的實現，使用QTimer間隔一定的時間后，對于當前滑動實現減速 + 滑動的效果

三、實現代碼

主要就是定時器的使用~

代碼中的startPoint 和 endPoint 依舊是使用QT：觸摸屏支持手指觸摸，增加touch事件touchevent，記錄前后touch坐標并處理中的邏輯，所以得看一下

bool WidgetTouch::touchEndEventProcess(QEvent *event) {QTouchEvent *touchEvent = static_cast<QTouchEvent *>(event);int touchDistance = qAbs (startPoint.x() - endPoint.x());touchEnd_time =QTime::currentTime();elapsed = touchBegin_time.msecsTo(touchEnd_time);speed = touchDistance * 1000 / elapsed; // 計算當前滑動的速度 單位 sm_rollTime = 20;m_rollTimer->setInterval(m_rollTime);// 增加閾值if (touchDistance >= 10 && elapsed >200){startRoll();}touchEvent->accept();return true; }// 物理慣性動畫效果 void WidgetTouch::startRoll() {m_rollTimer->start(); }void WidgetTouch::onTimeout() {everyDistance = speed * m_rollTime / 1000;// 此處的 bar 就是自己定義的 需要滾動的 QScrollBarbar->setValue(bar->value() + everyDistance);if (speed >= 40) { // 每一次 40 pxspeed -= 40;} else {m_rollTimer->stop();}update(); } 《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的QT使用之 手指滑动 | 物理惯性继续滑动动画的实现，根据不同速度实现不同动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。