Qt制作一個相冊浏覽工具

如何用Qt制作一個相冊浏覽的小程式? 程式開發思路如下:

1.支援多張相片浏覽,可翻頁浏覽,相片可從本地導入;

2.相片要有放大和縮小的功能;

3.相片可自動浏覽,時間間隔可自定義.

主要的代碼如下:

1.相片的導入

void MainWindow::onBrowse()
{
    QString picFormat = tr("Images(*.png *.jpg *.jpeg *.bmp *.ico *.tif *.gif)");
    QFileDialog fDlg(this, tr("導入圖檔"), _filePath, picFormat);
    fDlg.setFileMode(QFileDialog::ExistingFiles);
    
    if (fDlg.exec() == QDialog::Accepted)
    {
        QStringList fileLst = fDlg.selectedFiles();
        _filePath = fDlg.directory().path();
        _cbxPath->clear();
        
        foreach(const auto& e, fileLst)
        {
            _cbxPath->addItem(e);
            addPicPath(e);
        }
    
        if (_cbxPath->count() > 0)
        {
            _cbxPath->setCurrentIndex(0);
        }
        
        showPicture();
    }
}
           

2.相片浏覽翻頁(可通過滑鼠滾動和鍵盤的左右鍵操作)

void MainWindow::showPicture()
{
    QMutexLocker locker(&_mtxPic);
    if (_lstPicture.length() > 0)
    {
        if (_pageIndex < 0)
        {
            _pageIndex = _lstPicture.count() - 1;
        }
        if (_pageIndex >= _lstPicture.count())
        {
            _pageIndex = 0;
        }
        _lblInfo->setText(tr("第%1張").arg(_pageIndex + 1));
        
        QString strPicPath = _lstPicture.at(_pageIndex);
        QPixmap pix(strPicPath);
        pix = pix.scaled(_lblPicture->width(), _lblPicture->height(), Qt::KeepAspectRatio, Qt::SmoothTransformation);
        _lblPicture->setPixmap(pix);
    }
}

void MainWindow::onPrevPage()
{
    _pageIndex--;
    showPicture();
    _turnPage->setCurrIndex(_pageIndex);
}

void MainWindow::onNextPage()
{
    _pageIndex++;
    showPicture();
    _turnPage->setCurrIndex(_pageIndex);
}

void MainWindow::wheelEvent(QWheelEvent *event)
{
    // 按住了Ctrl鍵
    if (event->modifiers() == Qt::ControlModifier)
    {
        if (event->delta() > 0)
        {
            onZoomOut();
        }
        else
        {
            onZoomIn();
        }
    }
    else
    {
        if (event->delta() > 0)
        {
            onPrevPage();
        }
        else
        {
            onNextPage();
        }
    }
}

void MainWindow::keyPressEvent(QKeyEvent *event)
{
    if (event->type() == QEvent::KeyPress)
    {
        if (event->key() == Qt::Key_Left)
        {
            onPrevPage();
        }
        else if (event->key() == Qt::Key_Right)
        {
            onNextPage();
        }
        else
        {
            // 
        }
    }
    else
    {
        // 
    }
}
           

3.相片大小縮放(按住Ctrl鍵,滾動滑鼠可縮放; 窗體的大小随相片大小而變化)

void MainWindow::onZoomIn()
{
    int wid = _lblPicture->width();
    int hgt = _lblPicture->height();
    
    if (wid > c_picMinSize && hgt > c_picMinSize)
    {
        QSize sizeWnd = this->size();
        qDebug() << sizeWnd;
        
        zoomPicture(0.9 * wid, 0.9 * hgt);
        
        QSize newSize(sizeWnd.width() - 0.1 * wid, sizeWnd.height() - 0.1 * hgt);
        qDebug() << newSize;
        this->resize(newSize);
    }
    else
    {        
    }
}

void MainWindow::onZoomOut()
{
    int wid = 1.1 * _lblPicture->width();
    int hgt = 1.1 * _lblPicture->height();
    zoomPicture(wid, hgt);
}

void MainWindow::zoomPicture(int wid, int hgt)
{
    _lblPicture->setFixedSize(wid, hgt);
    showPicture();
    _turnLeft->updateFixedHeight(hgt);
    _turnRight->updateFixedHeight(hgt);
}
           

完整的資源下載下傳路徑:

https://download.csdn.net/download/ouyangxiaozi/21118778

小程式運作界面如下: