Qt中隐藏滚动条重新实现鼠标滚轮事件wheelEvent

我的需求是实现一系列控件横排排列,隐藏滚动条,然后通过鼠标的滚轮的移动控件的位置。当窗口大小足以容纳所有控件时不响应滚轮事件,窗口缩小时可以通过鼠标的滚轮来把隐藏的控件移到视线中来。如图所示:


最开始用的是QScrollarea,但是总不能实现出我想要的布局,没有能自适应窗口大小,所以采用了一个变通的方法:通过QListwidget控件来实现,感觉这样操作起来比较方便,而且可以方便的添加控件。 (下面更新了采用QScrollarea的方法)

首先是隐藏QListwidget的滚动条,并且让QLIstwidget中的控件横排排列:

    ui->listWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); //隐藏水平方向和垂直方向的滚动条
    ui->listWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    ui->listWidget->setFlow(QListWidget::LeftToRight); //横排排列
    ui->listWidget->setSpacing(10);

QListwidget设置控件横排排列的方法可以参见:http://bbs.csdn.net/topics/380229239

下面的代码是向QListwidget中添加控件并且设置的属性:

    QListWidgetItem *newItem = new QListWidgetItem(QIcon(tr(":/images/new.png")), tr(""));
    newItem->setToolTip("Create a new file");
    QListWidgetItem *openItem = new QListWidgetItem(QIcon(tr(":/images/open.png")), tr(""));
    openItem->setToolTip("open a file");
    QListWidgetItem *saveItem = new QListWidgetItem(QIcon(tr(":/images/save.png")), tr(""));
    saveItem->setToolTip("save file");
    QListWidgetItem *copyItem = new QListWidgetItem(QIcon(tr(":/images/copy.png")), tr(""));
    copyItem->setToolTip("copy text");
    QListWidgetItem *pasteItem = new QListWidgetItem(QIcon(tr(":/images/paste.png")), tr(""));
    pasteItem->setToolTip("paste text");
    QListWidgetItem *cutItem = new QListWidgetItem(QIcon(tr(":/images/cut.png")), tr(""));
    cutItem->setToolTip("cut text");
    QListWidgetItem *findItem = new QListWidgetItem(QIcon(tr(":/images/find.png")), tr(""));
    findItem->setToolTip("find string");
    QListWidgetItem *gotocell = new QListWidgetItem(QIcon(tr(":/images/gotocell.png")), tr(""));
    gotocell->setToolTip("go to a cell");
    QListWidgetItem *iconItem = new QListWidgetItem(QIcon(tr(":/images/icon.png")), tr(""));
    iconItem->setToolTip("icon");

    ui->listWidget->addItem(newItem);
    ui->listWidget->addItem(openItem);
    ui->listWidget->addItem(saveItem);
    ui->listWidget->addItem(copyItem);
    ui->listWidget->addItem(pasteItem);
    ui->listWidget->addItem(cutItem);
    ui->listWidget->addItem(findItem);
    ui->listWidget->addItem(gotocell);
    ui->listWidget->addItem(iconItem);

最后是重新实现QListwidget的滚轮事件:

protected:
    void wheelEvent(QWheelEvent *event);

鼠标转轮滑动一圈是360度,鼠标滚轮转动一圈是24步,计算后就是15度一步,而鼠标转轮滑动的角度对应于窗口界面单位尺度的8倍,也就是滚动一度,

鼠标滚轮在界面上滑动的距离(比如滚动条等)是8个unit单位,在这种情况下,delta的返回值是120(8*15)的倍数。

详细参考这里:http://doc.qt.io/qt-5/qwheelevent.html

void MainWindow::wheelEvent(QWheelEvent *event)
{
    int numberDegrees = event->delta() / 8;
    int numberSteps = numberDegrees / 15;
    if(event->orientation() == Qt::Vertical)
    {   //实现的是横排移动,所以这里把滚轮的上下移动实现为
        ui->listWidget->horizontalScrollBar()->setValue(ui->listWidget->horizontalScrollBar()->value() + numberSteps);
    }
    event->accept();
}
delta()已经被弃用了,QT5中用的是angleDelta(),计算的时候取angleDelta().y()值。setValue()的时候一定要加上
ui->listWidget->horizontalScrollBar()->value(),不然不管怎么移动鼠标,只前后移动了一步。

======最开始写的时候,对MainWindow的布局出点问题,所以没有用QScrollarea来实现这个功能,

后来发现要增加某些功能时采用QListwidget比较麻烦,也把这个设置更新在这里:

    scrollArea = new MyScrollArea(centralWidget);
    scrollArea->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    scrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    scrollArea->setFixedHeight(ScrollAreaHeight);
    QWidget *widget = new QWidget(scrollArea);
    widget->setFixedHeight(ScrollAreaHeight);

    QVector<QToolButton *> vecToolButton;
    //遍历images目录
    QDir imagesDir("./images");
    imagesDir.setFilter(QDir::Files);
    QFileInfoList imagesList = imagesDir.entryInfoList();
    for(int i = 0; i < imagesList.size(); ++i)
    {
        QFileInfo fileInfo = imagesList.at(i);
        vecToolButton.push_back(new QToolButton(widget));
        vecToolButton[i]->setIcon(QIcon(fileInfo.filePath()));
        vecToolButton[i]->setIconSize(ButtonSize);
    }
    QHBoxLayout *hLayout = new QHBoxLayout(widget);
    QVectorIterator<QToolButton *> vecIterator(vecToolButton);
    while(vecIterator.hasNext())
    {
        hLayout->addWidget(vecIterator.next());
    }
    widget->setLayout(hLayout);

    scrollArea->setWidget(widget);

MyScrollArea类继承了QScrollarea,只是重新实现了wheelEvent事件,当鼠标放在area区域上滚动时才实现控件的移动功能。

实现效果如图:






  • 7
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 可以通过重写 QWidgetwheelEvent(QWheelEvent *event) 函数来处理鼠标滚动事件。在函数可以通过 event->angleDelta() 获取鼠标滚动的角度,然后根据需要进行处理。 ### 回答2: 在Qtwidget鼠标滚动事件是指当用户使用鼠标滚轮滚动widget时触发的事件。可以通过重写QWidgetwheelEvent()函数来处理鼠标滚动事件。 在wheelEvent()函数,我们可以使用QWheelEvent类的方法来获取鼠标滚动的信息,例如滚动的角度、滚动的方向、滚动的位置等。然后根据需要进行相应的操作。 以下是一个基本的示例代码,展示了如何在widget处理鼠标滚动事件: ```cpp #include <QtWidgets> class MyWidget : public QWidget { public: MyWidget(QWidget *parent = nullptr) : QWidget(parent) {} protected: void wheelEvent(QWheelEvent *event) override { // 获取滚动的角度 int delta = event->angleDelta().y(); // 判断滚动的方向 if (delta > 0) { // 向上滚动 // 进行相应的操作 qDebug() << "Scroll Up"; } else if (delta < 0) { // 向下滚动 // 进行相应的操作 qDebug() << "Scroll Down"; } // 阻止事件传递给其他控件 event->accept(); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MyWidget widget; widget.resize(300, 200); widget.show(); return app.exec(); } ``` 在上述示例,我们定义了一个名为MyWidget的自定义Widget类,继承自QWidget。在它的wheelEvent()函数,我们首先通过event->angleDelta().y()方法获取滚动的角度,然后根据滚动的正负值判断滚动的方向。最后我们使用qDebug()输出滚动的方向。 需要注意的是,在wheelEvent()函数,我们使用event->accept()来阻止事件的传递给其他控件。这个非常重要,因为如果不处理此事件,那么事件将继续传递给其他控件进行处理,可能会产生意想不到的结果。 在实际使用,我们可以根据需要在鼠标滚轮事件进行相应的操作,例如在滚动时改变widget的显示内容、更新一些数据等。 ### 回答3: 在Qt,通过继承QWidget类,可以实现鼠标滚动事件的处理。 首先,在自定义的QWidget子类重写滚动事件的处理函数,即重写QWidgetwheelEvent(QWheelEvent *event)函数。在该函数可以对鼠标滚动事件进行处理,根据滚轮的滚动方向来进行相应的操作。 然后,可以在重写的函数通过调用event->delta()函数来获取滚轮滚动的距离。返回的结果为正数表示鼠标向前滚动,负数则表示鼠标向后滚动。根据这个距离值,可以进行一些缩放、滚动或者其他操作。 例如,可以在滚动事件实现图片的缩放功能。当鼠标向前滚动时,可以将图片放大一定比例,反之,则缩小一定比例。可以通过调整图片的尺寸大小或者对图片进行矩阵变换来实现缩放效果。 除了上述操作,还可以根据自己的需求进行其他操作,比如鼠标滚动时切换页面、调整音量、改变滚动条位置等等。 总之,通过重写QWidgetwheelEvent函数,在其根据滚轮的滚动距离进行相应的操作,可以实现鼠标滚动事件的处理。根据具体需求,在滚动事件进行相应的逻辑操作,以实现丰富的交互效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值