QT實(shí)戰(zhàn)之實(shí)現(xiàn)圖片瀏覽系統(tǒng)
更新時間：2023年04月25日 16:00:32 作者：戀戀西風(fēng)
這篇文章主要介紹了如何利用QT編寫一個圖片瀏覽系統(tǒng)，可以支持自動播放，左右拖動切換，點(diǎn)擊列表切換，點(diǎn)擊按鈕切換等功能，感興趣的小伙伴可以跟隨小編一起了解一下
引言
本系統(tǒng)支持，自動播放，左右拖動切換，點(diǎn)擊列表切換，點(diǎn)擊按鈕切換；是一個標(biāo)準(zhǔn)的圖像瀏覽軟件。
Windows 圖片瀏覽器，可以查看當(dāng)前文件夾下的圖片，往上翻、往下翻并且自動播放；
此系統(tǒng)增加一個列表；
實(shí)現(xiàn)功能
1.瀏覽電腦里的文件夾，將當(dāng)前文件夾下的圖片列表羅列出來；
2.鼠標(biāo)點(diǎn)擊列表上的某一張圖片，圖片將顯示出來；
3.可以控制瀏覽當(dāng)前圖片的上一張和下一張；
4.實(shí)現(xiàn)鼠標(biāo)拖動圖片，左劃，右劃切換圖片；
5.實(shí)現(xiàn)自動播放的開始和停止控制。
效果
實(shí)現(xiàn)圖片瀏覽所用知識
包括窗口部件、布局、事件、對象模型與容器類、圖形視圖、模型/視圖編程以及多線程等。
實(shí)現(xiàn)流程
1.定義一個圖片類,該類包含圖片的路徑、文件名、文件id以及獲取這些變量的函數(shù)。
2. 主要包含添加圖像以及獲取所有圖像以及新加入圖像的函數(shù)。
3.最后通過將圖片名字加入到界面左側(cè)QDockWidget部件中的QTreeView中，
4.通過雙擊可查看完整圖片，以及通過滾輪和鼠標(biāo)等事件來對圖片進(jìn)行一些操作。
實(shí)現(xiàn)環(huán)境和UI設(shè)計(jì)
環(huán)境：VS2017 + Qt5.12.4
具體實(shí)現(xiàn)
mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QListWidget>
#include <QMainWindow>
#include <QTimer>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
private slots:
void on_btnOpen_clicked();
void on_listWidget_itemClicked(QListWidgetItem *item);
void MyFunction();
void on_pushButton_clicked();
void on_btnLast_clicked();
void on_btnNext_clicked();
protected:
bool eventFilter(QObject *watch, QEvent *evn);
QStringList getFileNames(const QString &path);
private:
Ui::MainWindow *ui;
QVector<QString> mListPath;
QTimer mTimer;
int index ;
};
#endif // MAINWINDOW_Hmainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QFileInfoList>
#include <QString>
#include <QDir>
#include <QMessageBox>
#include <QImage>
#include "qevent.h"
#include <QDebug>
#pragma execution_character_set("utf-8")
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
index =0;
mTimer.setInterval(1000);
connect(&mTimer,SIGNAL(timeout()),this,SLOT(MyFunction()));
on_btnOpen_clicked();
mTimer.start(1000);
ui->btnOpen->setVisible(false);
// ui->pushButton->setVisible(false);
this->installEventFilter(this);
this->setWindowTitle("圖片瀏覽器");
}
MainWindow::~MainWindow()
{
delete ui;
}
void MainWindow::MyFunction()
{
if (index == 5) {
index = 0;
} else {
index++;
}
if (index == 5) {
index = 0;
}
// this->setStyleSheet(QString("background-image: url(:/%1.png);").arg(index));
QString strIndex = mListPath.at(index);
qDebug()<<"index "<<QString::number(index)<<"strIndex "<<strIndex;
QDir filePath(ui->inputDirPath->text());
QString fullName = filePath.absoluteFilePath(strIndex);
QImage img(fullName);
QImage thumb = img.scaled(ui->label->width(),ui->label->height(),Qt::KeepAspectRatio);
ui->label->setPixmap(QPixmap::fromImage(thumb));
}
void MainWindow::on_btnOpen_clicked()
{
QString filePath = QCoreApplication::applicationDirPath()+"/pic";
ui->inputDirPath->setText(filePath);
// QMessageBox::information(this,"提示！",filePath);
QDir dir(filePath);
// 判斷文件夾是否存在
if(dir.exists()){
ui->listWidget->clear();
QFileInfoList info_list = dir.entryInfoList(QDir::Files | QDir::Dirs | QDir::NoDotAndDotDot);
for(int i =0;i<info_list.count();i++){
ui->listWidget->addItem(info_list.at(i).fileName());
mListPath.push_back(info_list.at(i).fileName());
}
}
else{
QMessageBox::information(this,"提示！","文件夾不存在");
}
}
QStringList MainWindow::getFileNames(const QString &path)
{
QDir dir(path);
QStringList nameFilters;
nameFilters << "*.jpg" << "*.png";
QStringList files = dir.entryList(nameFilters, QDir::Files|QDir::Readable, QDir::Name);
return files;
}
void MainWindow::on_listWidget_itemClicked(QListWidgetItem *item)
{
if(mTimer.isActive())
mTimer.stop();
QDir filePath(ui->inputDirPath->text());
QString fullName = filePath.absoluteFilePath(item->text());
QImage img(fullName);
QImage thumb = img.scaled(ui->label->width(),ui->label->height(),Qt::KeepAspectRatio);
ui->label->setPixmap(QPixmap::fromImage(thumb));
}
//點(diǎn)擊事件函數(shù)
bool MainWindow::eventFilter(QObject *watch, QEvent *evn)
{
static int press_x; //點(diǎn)擊鼠標(biāo)時獲取的橫坐標(biāo)x
static int press_y; //點(diǎn)擊鼠標(biāo)時獲取的縱坐標(biāo)y
static int relea_x; //松開鼠標(biāo)時獲取的橫坐標(biāo)x
static int relea_y; //松開鼠標(biāo)時獲取的縱坐標(biāo)y
QMouseEvent *event = static_cast<QMouseEvent *>(evn); //將圖片QT QEvent 轉(zhuǎn)換為 QMouseEvent ,QKeyEvent....等子類
//獲取點(diǎn)擊鼠標(biāo)（手指）時的坐標(biāo)
if (event->type() == QEvent::MouseButtonPress)
{
press_x = event->globalX();
press_y = event->globalY();
}
//獲取松開鼠標(biāo)（手指）時的坐標(biāo)
if(event->type() == QEvent::MouseButtonRelease)
{
relea_x = event->globalX();
relea_y = event->globalY();
}
//對鼠標(biāo)（手指）滑動的方向進(jìn)行判斷(右滑)
if((relea_x - press_x) > 5 && event->type() == QEvent::MouseButtonRelease && qAbs(relea_y - press_y) < 50)
{
on_btnNext_clicked();
}
if( event->type() == QEvent::MouseButtonRelease)
qDebug()<<"releax "<<QString::number(press_x - relea_x)<<"releay "<<QString::number(relea_y - press_y);
//對鼠標(biāo)（手指）滑動的方向進(jìn)行判斷(左滑)
if((press_x - relea_x) > 5 && event->type() == QEvent::MouseButtonRelease && qAbs(relea_y - press_y) < 50)
{
on_btnLast_clicked();
}
return QWidget::eventFilter(watch, evn);
}
void MainWindow::on_pushButton_clicked()
{
if(ui->pushButton->text()=="滑動切換")
{
ui->pushButton->setText("自動播放");
if(mTimer.isActive())
mTimer.stop();
}
else
{
ui->pushButton->setText("滑動切換");
if(!mTimer.isActive())
mTimer.start();
}
}
void MainWindow::on_btnLast_clicked()
{
if(index == -1)
{
index = 4;
}
else
{
index--;
}
if(index == -1)
{
index = 4;
}
// this->setStyleSheet(QString("background-image: url(:/%1.png);").arg(index));
QString strIndex = mListPath.at(index);
qDebug()<<"index 111"<<QString::number(index)<<"strIndex "<<strIndex;
QDir filePath(ui->inputDirPath->text());
QString fullName = filePath.absoluteFilePath(strIndex);
QImage img(fullName);
QImage thumb = img.scaled(ui->label->width(),ui->label->height(),Qt::KeepAspectRatio);
ui->label->setPixmap(QPixmap::fromImage(thumb));
}
void MainWindow::on_btnNext_clicked()
{
if (index == 5) {
index = 0;
} else {
index++;
}
if (index == 5) {
index = 0;
}
// this->setStyleSheet(QString("background-image: url(:/%1.png);").arg(index)); //切換圖片
QString strIndex = mListPath.at(index);
qDebug()<<"index "<<QString::number(index)<<"strIndex "<<strIndex;
QDir filePath(ui->inputDirPath->text());
QString fullName = filePath.absoluteFilePath(strIndex);
QImage img(fullName);
QImage thumb = img.scaled(ui->label->width(),ui->label->height(),Qt::KeepAspectRatio);
ui->label->setPixmap(QPixmap::fromImage(thumb));
}到此這篇關(guān)于QT實(shí)戰(zhàn)之實(shí)現(xiàn)圖片瀏覽系統(tǒng)的文章就介紹到這了,更多相關(guān)QT圖片瀏覽系統(tǒng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了C語言 socketpair用法案例講解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
這篇文章主要為大家詳細(xì)介紹了C++連連看判定圖形消除算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
C++實(shí)現(xiàn)中綴轉(zhuǎn)后綴的示例詳解
這篇文章主要為大家詳細(xì)介紹了如何利用C++實(shí)現(xiàn)中綴轉(zhuǎn)后綴的問題，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
簡單分析C語言中指針數(shù)組與數(shù)組指針的區(qū)別
這篇文章主要介紹了C語言中指針數(shù)組與數(shù)組指針的區(qū)別,是C語言入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-11-11
C語言切割多層字符串(strtok_r strtok使用方法)
這篇文章主要介紹了C語言切割多層字符串的方法，說了strtok的弱點(diǎn)，使用strtok_r的方法2013-11-11
system()函數(shù)功能強(qiáng)大。以下小編就為大家介紹一下在C語言中system()函數(shù)的用法。需要的朋友可以過來參考下，希望對大家有所幫助2013-10-10
在嵌入式開發(fā)中需要經(jīng)常用到庫函數(shù), Vscode需要配置引用路徑,本文主要介紹了增加Vscode引用路徑的解決方法,具有一定的參考價值,感興趣的可以了解一下2024-02-02
C++實(shí)現(xiàn)教工考勤信息管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了C++實(shí)現(xiàn)教工考勤信息管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了C++中的重載、覆蓋、隱藏介紹,需要的朋友可以參考下2015-04-04
C# CLR 中學(xué)習(xí) C++關(guān)鍵詞extern使用詳解
這篇文章主要為大家介紹了C# CLR 中學(xué)習(xí) C++ 之extern使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09