【Qt】实现模拟触摸屏 上下滑动表格 的两种方式
QScroller
Qt QTableWidget 触摸屏上滑动效果
代码
// 创建 QScroller 对象并与 tableWidget 关联.
QScroller *pScroller = QScroller::scroller(ui->tableView);
// 捕获滚动手势.
pScroller->grabGesture(ui->tableView, QScroller::LeftMouseButtonGesture);
// 设置垂直滚动模式为逐像素滚动.
ui->tableView->setVerticalScrollMode(QAbstractItemView::ScrollPerPixel);
不足
自带的滚动条失效
:右侧拖动滚动条滑动,反而触发了触摸滑动操作
还未解决
自定义 CustomScroll
源自:Qt利用tablewidget模拟手指实现滑动
效果
代码
CustomScrollWidget.h
#ifndef CUSTOMSCROLLWIDGET_H
#define CUSTOMSCROLLWIDGET_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, //鼠标离开
MOUSE_PRESS = 1, //按下
MOUSE_PRESS_MOVE = 2, //按下移动
MOUSE_RELEASE_MOVE = 3 //鼠标离开并滑动
}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 // CUSTOMSCROLLWIDGET_H
CustomScrollWidget.cpp
#include "CustomScrollWidget.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); //将滑动条移至最右侧
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) //停下来了
{
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 ();
//根据鼠标的动作——按下、放开、拖动,执行相应的操作
if(mouse)
{
if( mouse->type() ==QEvent::MouseButtonPress) //首次按下
{
pressMSec = QDateTime::currentDateTime().toMSecsSinceEpoch(); //记录按下的时间
dragPoint_y = mouse->pos().y(); //当前坐标
pressPoint_y = dragPoint_y; //按下的位置
animation->stop();
m_selectRow = m_table->indexAt(mouse->pos() ).row(); //选择当前行
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) //未移动
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑动条显示
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; //计算每秒像素点
if(Pixel_per_second<300 || qAbs(releasePoint_y - pressPoint_y) < 45)
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑动条显示
return true;
}
else
{
int moveValue ;
if(ms > 1000) //滑动的时间太长
{
m_dragFlag = MOUSE_RELEASE;
if(!m_scrollTimer.isActive())
m_scrollTimer.start(1000); //1S后取消滑动条显示
return true;
}
if(releasePoint_y - pressPoint_y > 0) //向下滑动
{
moveValue = m_scrollBar->value() - Pixel_per_second*0.2*(300/ms);//滑动时间越长,moveValue值越小,因为不是快速滑动
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); //定时刷新滑动条显示
animation->start();
m_dragFlag = MOUSE_RELEASE_MOVE;
}
return true;
}
else if(mouse->type() == QEvent::MouseMove && (m_dragFlag!= MOUSE_RELEASE) )
{
if( m_dragFlag == MOUSE_PRESS) //开始移动
{
if(qAbs(dragPoint_y - mouse->pos().y()) < 4) //判断移动阀值,避免误操作
return true;
else
{
m_dragFlag = MOUSE_PRESS_MOVE;
if(m_selectTimer.isActive()) //已经移动了,所以取消选择
m_selectTimer.stop();
m_table->clearSelection();
dragPoint_y = mouse->pos().y(); //获取当前坐标
update();
return true;
}
}
int moveValue = ( dragPoint_y-mouse->pos().y())+m_scrollBar->value(); //差距
dragPoint_y = mouse->pos().y(); //获取当前坐标
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 26
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);
}
Form.h
使用:创建界面,创建tableView对象,作为参数创建CustomScroll ,经过处理,tableView对象再添加进界面显示交互。
#ifndef FORM_H
#define FORM_H
#include <QWidget>
#include <QStandardItemModel>
namespace Ui {
class Form;
}
class Form : public QWidget
{
Q_OBJECT
public:
explicit Form(QWidget *parent = nullptr);
~Form();
private:
Ui::Form *ui;
};
#endif // FORM_H
Form.cpp
#include "form.h"
#include "ui_form.h"
#include <QTableView>
#include <QHeaderView>
#include "CustomScrollWidget.h"
Form::Form(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Form)
{
ui->setupUi(this);
// 创建一个简单的表格视图
QTableView *tableView = new QTableView;
QStandardItemModel *model = new QStandardItemModel(/*100, 5*/); // 100 行,5 列
for (int var = 0; var < 100; ++var) {
QList<QStandardItem*>items;
items<<new QStandardItem("111")<<new QStandardItem("222")<<new QStandardItem("333")<<new QStandardItem("444");
model->appendRow(items);
}
tableView->setModel(model);
// 创建自定义滚动条
CustomScroll *customScroll = new CustomScroll(tableView);
ui->verticalLayout->addWidget(tableView);
}
Form::~Form()
{
delete ui;
}