Qt利用tablewidget模擬手指實(shí)現(xiàn)滑動(dòng)
1.介紹
嵌入式由于需要支持手指滑動(dòng),所以先寫個(gè)demo,來(lái)試驗(yàn).
每次按下的時(shí)候,獲取一次按下的pos以及按下的時(shí)間,然后釋放的時(shí)候獲取一次釋放pos,從而計(jì)算出,每秒移動(dòng)的像素點(diǎn),其中計(jì)算代碼如下所示:
int ms= QDateTime::currentDateTime().toMSecsSinceEpoch()-pressMSec; int Pixel_per_second=qAbs(releasePoint_y - pressPoint_y)*1000/ms; //計(jì)算每秒移動(dòng)像素點(diǎn)
獲取到每秒移動(dòng)像素點(diǎn)后,再結(jié)合ms(持續(xù)時(shí)間),進(jìn)行判斷,從而實(shí)現(xiàn)手指離開(kāi)后,是否需要再滑動(dòng)一下.具體代碼如下所示:
if(ms > 1000) //滑動(dòng)的時(shí)間太長(zhǎng)
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑動(dòng)條顯示
return true;
}
if(releasePoint_y - pressPoint_y > 0) //向下滑動(dòng)
{
moveValue = m_scrollBar->value() - Pixel_per_second*0.2*(300/ms);//滑動(dòng)時(shí)間越長(zhǎng),moveValue值越小,因?yàn)椴皇强焖倩瑒?dòng)
if(moveValue < scrollV_min)
{
moveValue = scrollV_min;
}
}
else
{
moveValue = m_scrollBar->value() + Pixel_per_second*0.2*(300/ms);
if(moveValue > scrollV_max)
{
moveValue = scrollV_max;
}
}
最后再調(diào)用QPropertyAnimation類來(lái)實(shí)現(xiàn)動(dòng)畫滑動(dòng):
animation->setDuration(2000-ms); animation->setEndValue(moveValue); animation->setEasingCurve(QEasingCurve::OutQuart);
界面如下圖所示:

2.CustomScroll類
CustomScroll:自定義滑動(dòng),該類包含了一個(gè)顯示滑動(dòng)條.邏輯如下所示:
- 當(dāng)用戶只是單擊item時(shí),則不顯示.
- 如果用戶點(diǎn)擊item進(jìn)行滑動(dòng)時(shí),則顯示.
- 如果用戶滑動(dòng)后釋放鼠標(biāo)(離開(kāi)手指),則1s后取消顯示
效果如下所示:

CustomScroll.h如下所示:
#ifndef CustomScroll_H
#define CustomScroll_H
#include <QObject>
#include <QWidget>
#include <QTimer>
#include <QTableView>
#include <QPropertyAnimation>
#include <QDateTime>
class CustomScroll : public QWidget
{
Q_OBJECT
typedef enum tagLuiScrollMouseDragInfo {
MOUSE_RELEASE = 0, //鼠標(biāo)離開(kāi)
MOUSE_PRESS = 1, //按下
MOUSE_PRESS_MOVE = 2, //按下移動(dòng)
MOUSE_RELEASE_MOVE = 3 //鼠標(biāo)離開(kāi)并滑動(dòng)
}LUI_Scroll_Mouse_Drag_INFO_E;
LUI_Scroll_Mouse_Drag_INFO_E m_dragFlag = MOUSE_RELEASE;
QTimer m_scrollTimer;
QTimer m_selectTimer;
QTableView *m_table;
QScrollBar *m_scrollBar;
QPropertyAnimation *animation;
int m_selectRow;
int m_srcollH;
void paintEvent(QPaintEvent *);
bool eventFilter(QObject *obj, QEvent *evt);
public:
explicit CustomScroll(QTableView* table,QWidget *parent = nullptr);
signals:
public slots:
void scrollTimeOut();
void selectTimeOut();
};
#endif // CustomScroll_HCustomScroll.cpp如下所示:
#include "customscroll.h"
#include <QMouseEvent>
#include <QDebug>
#include <QApplication>
#include <QPainter>
#include <QTableWidget>
#include <QHeaderView>
#include <QScrollBar>
#include <QAbstractAnimation>
CustomScroll::CustomScroll(QTableView* table,QWidget *parent) : QWidget(parent)
{
#define SRCOLL_HEIGHT 22
setAttribute(Qt::WA_TranslucentBackground);
m_table = table;
m_scrollBar = table->verticalScrollBar();
m_table->viewport()->installEventFilter(this);
m_table->setVerticalScrollMode(QAbstractItemView::ScrollPerPixel);
animation = new QPropertyAnimation(m_scrollBar,"value",this);
connect(&m_scrollTimer,SIGNAL(timeout()),this,SLOT(scrollTimeOut()));
connect(&m_selectTimer,SIGNAL(timeout()),this,SLOT(selectTimeOut()));
this->setMinimumSize(10, table->height());
this->setMaximumSize(10, table->height());
this->move(table->width()-10,0); //將滑動(dòng)條移至最右側(cè)
this->raise();
m_srcollH = table->height()* SRCOLL_HEIGHT/100.0;
}
void CustomScroll::selectTimeOut()
{
m_table->selectRow(m_selectRow);
m_selectTimer.stop();
this->update();
}
void CustomScroll::scrollTimeOut()
{
if(m_dragFlag == MOUSE_RELEASE_MOVE && animation->state()==QAbstractAnimation::Stopped) //停下來(lái)了
{
this->update();
m_dragFlag = MOUSE_RELEASE;
m_scrollTimer.setInterval(1000);
}
else
{
this->update();
if(m_scrollTimer.interval()==1000)
m_scrollTimer.stop();
}
}
bool CustomScroll::eventFilter(QObject *obj, QEvent *evt)
{
static int pressPoint_y = 0;
static int dragPoint_y = -1;
static qint64 pressMSec ;
QMouseEvent *mouse = dynamic_cast<QMouseEvent *>(evt);
int scrollV_max = m_scrollBar->maximum ();
int scrollV_min = m_scrollBar->minimum ();
//根據(jù)鼠標(biāo)的動(dòng)作——按下、放開(kāi)、拖動(dòng),執(zhí)行相應(yīng)的操作
if(mouse)
{
if( mouse->type() ==QEvent::MouseButtonPress) //首次按下
{
pressMSec = QDateTime::currentDateTime().toMSecsSinceEpoch(); //記錄按下的時(shí)間
dragPoint_y = mouse->pos().y(); //當(dāng)前坐標(biāo)
pressPoint_y = dragPoint_y; //按下的位置
animation->stop();
m_selectRow = m_table->indexAt(mouse->pos() ).row(); //選擇當(dāng)前行
qDebug()<<mouse->pos()<<m_selectRow;
m_selectTimer.start(100);
m_dragFlag = MOUSE_PRESS;
return true;
}
else if(mouse->type() == QEvent::MouseButtonRelease && m_dragFlag == MOUSE_PRESS) //未移動(dòng)
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑動(dòng)條顯示
return true;
}
else if(mouse->type() == QEvent::MouseButtonRelease && m_dragFlag == MOUSE_PRESS_MOVE)
{
dragPoint_y = -1;
int releasePoint_y = mouse->pos().y();
int ms= QDateTime::currentDateTime().toMSecsSinceEpoch()-pressMSec;
int Pixel_per_second=qAbs(releasePoint_y - pressPoint_y)*1000/ms; //計(jì)算每秒像素點(diǎn)
if(Pixel_per_second<300 || qAbs(releasePoint_y - pressPoint_y) < 45)
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑動(dòng)條顯示
return true;
}
else
{
int moveValue ;
if(ms > 1000) //滑動(dòng)的時(shí)間太長(zhǎng)
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑動(dòng)條顯示
return true;
}
if(releasePoint_y - pressPoint_y > 0) //向下滑動(dòng)
{
moveValue = m_scrollBar->value() - Pixel_per_second*0.2*(300/ms);//滑動(dòng)時(shí)間越長(zhǎng),moveValue值越小,因?yàn)椴皇强焖倩瑒?dòng)
if(moveValue < scrollV_min)
{
moveValue = scrollV_min;
}
}
else
{
moveValue = m_scrollBar->value() + Pixel_per_second*0.2*(300/ms);
if(moveValue > scrollV_max)
{
moveValue = scrollV_max;
}
}
animation->setDuration(2000-ms);
animation->setEndValue(moveValue);
animation->setEasingCurve(QEasingCurve::OutQuart);
if(!m_scrollTimer.isActive())
m_scrollTimer.start(50); //定時(shí)刷新滑動(dòng)條顯示
animation->start();
m_dragFlag = MOUSE_RELEASE_MOVE;
}
return true;
}
else if(mouse->type() == QEvent::MouseMove && (m_dragFlag!= MOUSE_RELEASE) )
{
if( m_dragFlag == MOUSE_PRESS) //開(kāi)始移動(dòng)
{
if(qAbs(dragPoint_y - mouse->pos().y()) < 4) //判斷移動(dòng)閥值,避免誤操作
return true;
else
{
m_dragFlag = MOUSE_PRESS_MOVE;
if(m_selectTimer.isActive()) //已經(jīng)移動(dòng)了,所以取消選擇
m_selectTimer.stop();
m_table->clearSelection();
dragPoint_y = mouse->pos().y(); //獲取當(dāng)前坐標(biāo)
update();
return true;
}
}
int moveValue = ( dragPoint_y-mouse->pos().y())+m_scrollBar->value(); //差距
dragPoint_y = mouse->pos().y(); //獲取當(dāng)前坐標(biāo)
if(scrollV_min > moveValue)
{
moveValue = scrollV_min;
}
if(moveValue > scrollV_max)
{
moveValue = scrollV_max;
}
m_scrollBar->setValue(moveValue);
update();
return true;
}
}
return QWidget::eventFilter(obj,evt);
}
void CustomScroll::paintEvent(QPaintEvent *)
{
#define WIDTH 6
#define MIN_HEIGHT 6
if(m_dragFlag== MOUSE_RELEASE||m_dragFlag== MOUSE_PRESS)
{
return;
}
int scrollV_max = m_scrollBar->maximum ();
QPainter painter(this);
int y = (m_table->verticalScrollBar()->value()*(m_table->height()-m_srcollH))/(float)(scrollV_max);
painter.setPen(Qt::NoPen);
// painter.setBrush(QColor(180,180,180,200));
// painter.drawRoundedRect(0,0,this->width(),this->height(),3,3);
painter.setBrush(QColor(80,80,80,140));
painter.drawRoundedRect(0,y,WIDTH,m_srcollH,3,3);
}以上就是Qt利用tablewidget模擬手指實(shí)現(xiàn)滑動(dòng)的詳細(xì)內(nèi)容,更多關(guān)于Qt tablewidget滑動(dòng)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
C++面試八股文之std::string實(shí)現(xiàn)方法
這篇文章主要介紹了C++面試八股文:std::string是如何實(shí)現(xiàn)的,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06
c語(yǔ)言和c++語(yǔ)言中const修飾的變量區(qū)別淺析
這篇文章主要給大家介紹了關(guān)于c語(yǔ)言和c++語(yǔ)言中const修飾的變量區(qū)別的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02
帶你了解C++的動(dòng)態(tài)內(nèi)存分配
今天小編就為大家分享一篇關(guān)于關(guān)于C++動(dòng)態(tài)分配內(nèi)存的介紹,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2021-08-08
C語(yǔ)言實(shí)現(xiàn)學(xué)生學(xué)籍管理系統(tǒng)程序設(shè)計(jì)
這篇文章主要為大家詳細(xì)介紹了C語(yǔ)言實(shí)現(xiàn)學(xué)生學(xué)籍管理系統(tǒng)程序設(shè)計(jì),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
C語(yǔ)言雙指針多方法旋轉(zhuǎn)數(shù)組解題LeetCode
這篇文章主要為大家介紹了C語(yǔ)言雙指針使用多方法旋轉(zhuǎn)數(shù)組題解LeetCode,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2022-02-02

