我的需求是实现一系列控件横排排列,隐藏滚动条,然后通过鼠标的滚轮的移动控件的位置。当窗口大小足以容纳所有控件时不响应滚轮事件,窗口缩小时可以通过鼠标的滚轮来把隐藏的控件移到视线中来。如图所示:
最开始用的是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);
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()的时候一定要加上
======最开始写的时候,对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);