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

66 阅读 0 评论 44 点赞

我是靠谱客的博主忧伤蓝天，最近开发中收集的这篇文章主要介绍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区域上滚动时才实现控件的移动功能。

实现效果如图：