AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Qt图片定时滚动播放器

2023-08-15 135
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来或者打开文件选择，定时滚动图片重载实现dragEnterEvent（拖拽）、dropEvent（拖拽放下）、resizeEvent（窗口大小改变）

参考

Qt图片浏览器

QT制作一个图片播放器

Qt中自适应的label+pixmap充满窗口后，无法缩小只能放大

可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来或者打开文件选择，定时滚动图片

重载实现dragEnterEvent（拖拽）、dropEvent（拖拽放下）、resizeEvent（窗口大小改变）

有透明过渡动画版本Qt图片定时滚动播放器+透明过渡动画

结构

image.png

PicturePlay.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    pictureplay.cpp

HEADERS += \
    pictureplay.h

FORMS += \
    pictureplay.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += \
    res.qrc

main.cpp

#include "pictureplay.h"

#include <QApplication>
#include<QFile>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    // 加载样式文件
    QFile file(":/style.qss");
    /*判断文件是否存在*/
    if(file.exists())
    {
        file.open(QFile::ReadOnly);// 以只读的方式打开
        //QString styleSheet=QLatin1String(file.readAll());// 以Latin-1编码的字符串的方式保存读出的结果
        QString styleSheet=QString(file.readAll());// 以默认编码的字符串的方式保存读出的结果
        qApp->setStyleSheet(styleSheet);// 设置全局样式
        file.close();// 关闭文件
    }
    PicturePlay w;
    w.show();
    return a.exec();
}

pictureplay.h

#ifndef PICTUREPLAY_H
#define PICTUREPLAY_H

#include <QWidget>
#include <QFile>
#include <QDir>
#include <QTimer>
#include <QThread>
#include <QFileDialog>
QT_BEGIN_NAMESPACE
namespace Ui { class PicturePlay; }
QT_END_NAMESPACE

class PicturePlay : public QWidget
{
    Q_OBJECT

public:
    PicturePlay(QWidget *parent = nullptr);
    ~PicturePlay();
private slots:

    void myautoPhoto(); //自动播放函数
    void showDinamicPhoto(QString path);//动态图播放（格式为gif）

    void on_pathBtn_clicked();//浏览：打开目录

    void on_autoPhoto_clicked(bool checked);//自动播放选择

    void on_photoList_clicked(const QModelIndex &index);//单击播放图片

    void my_currentRowChanged(int Row);// // 当前项变化
    void on_cleanBtn_clicked();//清除

private:

    QString Dir;//打开文件的路径
    QString tempDir; //照片的绝地路径
    QVector<QString> photoPath;//存放照片相对路径的容器
    QTimer *mtime; //定时器
    QString delayTime; //延时间隔
    bool autoFlag; //判断是否进入的自动播放格式
    int num; //照片张数
    // 如果文件的后缀名是jpg、jpeg、bmp或png，则接受拖放事件，否则忽略拖放事件
    QStringList acceptedFileTypes;

    void dragEnterEvent(QDragEnterEvent *event)override;//拖进事件
    void dropEvent(QDropEvent *event)override;// 拖进放下事件
    void resizeEvent(QResizeEvent *event)override;//用于在窗口大小改变时处理事件
    QPixmap pixmap;
private:
    Ui::PicturePlay *ui;
};
#endif // PICTUREPLAY_H

pictureplay.cpp

#include "pictureplay.h"
#include "ui_pictureplay.h"
#include<QDebug>
#include<QMessageBox>
#include<QMovie>
#include <QDragEnterEvent>
#include <QDropEvent>
#include <QMimeData>
PicturePlay::PicturePlay(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::PicturePlay)
{
    ui->setupUi(this);
    this->setWindowTitle("图片播放器");
    this->setWindowIcon(QIcon(":/ImageEye.jpg"));
    this->setAcceptDrops(true);//设置允许向窗口拖入图片
    this->setMinimumSize(QSize(400,300));// 设置最小值

    ui->photoShow->setAlignment(Qt::AlignCenter);  //居中显示

    //自适应的label+pixmap充满窗口后，无法缩小只能放大
    ui->photoShow->setSizePolicy(QSizePolicy::Ignored,QSizePolicy::Ignored);// Ignored忽略

    // 设置拉伸因子(默认缩到最小时失效：一样大小)
    ui->horizontalLayout_2->setStretch(1,3);
    //  设置水平布局控件到边框距离（左，上，右，下）
    ui->horizontalLayout_2->setContentsMargins(5,0,5,0);

    //设置窗口布局，（此时控件会随窗口缩放）
    this->setLayout(ui->horizontalLayout_2);

    ui->photoPath->setFocusPolicy(Qt::NoFocus);//无法获得焦点，自然无法输入，其他文本控件类似
    ui->photoPath->setPlaceholderText("绝对路径");
    ui->delayEdit->setPlaceholderText("秒");

    //不显示行向滚动条，子项文本过长自动显示...
    ui->photoList->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    num=0; //照片张数
    delayTime.clear(); //延时间隔
    mtime = new QTimer(this);


    //连接自动播放槽函数
    connect(mtime,SIGNAL(timeout()),this,SLOT(myautoPhoto()));
    connect(ui->photoList,SIGNAL(currentRowChanged(int)),this,SLOT(my_currentRowChanged(int)));


    // 如果文件的后缀名是jpg、jpeg、bmp或png，则接受拖放事件，否则忽略拖放事件
    acceptedFileTypes.append("jpg");
    acceptedFileTypes.append("jpeg");
    acceptedFileTypes.append("bmp");
    acceptedFileTypes.append("png");
    acceptedFileTypes.append("gif");
}

PicturePlay::~PicturePlay()
{
    delete ui;
}
//自动播放函数
void PicturePlay::myautoPhoto()
{
    tempDir.clear();
    tempDir=photoPath.at(num); //从容器中找到要播放的照片的相对路径

    ui->photoList->setCurrentRow(num);// QListWidget项跳动

    if(tempDir.endsWith(".gif")  || tempDir.endsWith(".Gif"))
    {
        showDinamicPhoto(tempDir);
        num++;
    }

    else if(!(tempDir.endsWith(".gif")  || tempDir.endsWith(".Gif")))
    {
        // 内容是否自动缩放，参数true自动缩放
        ui->photoShow->setScaledContents(true);//显示图片的全部
        pixmap.load(tempDir);// 更新全局图片
        ui->photoShow->setPixmap(QPixmap(tempDir));//显示图片


        //判断自动播放的时候是否播放到了最后一张图片，如果是则停止自动播放
        if(num ==  (photoPath.count()-1))
        {
            //qDebug()<<num;
            if(ui->loopPlayback->checkState()==Qt::Checked)//循环重放
            {
                num = -1;// 下面num++,为了循环重放回到第一张图片
                qDebug()<<num;
            }
            else
            {
                mtime->stop();
                num = 0;
                if(autoFlag)//选中自动播放的情况
                {
                    autoFlag = false;
                }
                //qDebug()<<num;
                ui->autoPhoto->setCheckState(Qt::Unchecked);//把自动播放按钮置于没有选择的状态
            }
        }

        if(autoFlag)
        {
            num++;
        }
    }
}
//动态图播放（格式为gif）
void PicturePlay::showDinamicPhoto(QString path)
{
    QMovie *movie = new QMovie(path);  // path图片路径
    movie->start(); //开始播放动态图
    ui->photoShow->setMovie(movie); //将图片设置为为动态
    ui->photoShow->setScaledContents(true); //尽可能完整的播放整张动图 ，此处要设置为true
}

//浏览：打开目录
void PicturePlay::on_pathBtn_clicked()
{
    Dir = QFileDialog::getExistingDirectory(this);//获取本文件所在的具体路径
    //qDebug()<<"路径:"<<Dir;
    ui->photoPath->setText(Dir);//显示打开的文件的具体路径
    QDir dir(Dir);
    QStringList file;
    QFileInfoList fileList = dir.entryInfoList(file,QDir::Files); //获取目录下的文件
    QString fileDir; //保存图片所在的路径
    //列出目录下的文件
    for(int i=0;i<fileList.count();i++)
    {
        if(i==100)//只加载100张，防止加载过久
        {
            break;
        }

        QFileInfo info = fileList.at(i);
        fileDir.clear();
        if(info.fileName() == "." || info.fileName() == "..") //跳过这两个目录
        {
            continue;
        }
        // 检查文件的后缀名是否在接受的文件类型列表中;（获取文件的后缀名，并将其转换为小写字母）
        if(!acceptedFileTypes.contains(info.suffix().toLower()))
        {
            continue;
        }

        fileDir+=Dir + "/";
        QString filename = info.fileName();
        fileDir+=filename;
        photoPath.append(fileDir);// 把图片的路径装到容器中

        QListWidgetItem *item = new QListWidgetItem(QIcon(fileDir),info.fileName());//建立文件缩小图标
        item->setToolTip(info.fileName());// tip提示
        item->setTextAlignment(Qt::AlignCenter);//设置item项中的文字位置
        ui->photoList->addItem(item);//把图片相对路径显示到窗口中
    }
    if(ui->photoList->count()==0)
    {
        QListWidgetItem *item = new QListWidgetItem("无合适图片");
        item->setTextAlignment(Qt::AlignCenter);//设置item项中的文字位置
        ui->photoList->addItem(item);//把图片相对路径显示到窗口中
    }
}

//自动播放选择
void PicturePlay::on_autoPhoto_clicked(bool checked)
{
    if(ui->delayEdit->text().isEmpty())
    {
        QMessageBox::warning(this,"提示","请输入需要间隔的播放时间（秒）");
        //把按钮重新置于没有被选中的状态;不要用setCheckable()函数[不可用]，很容易出错
        ui->autoPhoto->setCheckState(Qt::Unchecked);
        return;
    }
    else if(ui->photoList->count() == 0)
    {
        QMessageBox::warning(this,"警告","还没有可以播放的图片");
        ui->autoPhoto->setCheckState(Qt::Unchecked); //把按钮重新置于没有被选中的状态
        return;
    }
    else if(checked) //启动定时器
    {
        delayTime = ui->delayEdit->text();
        mtime->start(delayTime.toInt()*1000);//启动定时器并设置播放时间间隔
        autoFlag = true;// 选中自动播放
        // 第一次：立即显示，无需等待
        // 内容是否自动缩放，参数true自动缩放
        ui->photoShow->setScaledContents(true);//显示图片的全部
        pixmap.load(photoPath.at(num));// 更新全局图片
        ui->photoShow->setPixmap(QPixmap(photoPath.at(num)));//显示图片
    }
    else if(!checked)//停止定时器
    {
        mtime->stop();//停止定时器
        delayTime.clear();
        autoFlag = false;
    }
}

//单击播放图片
void PicturePlay::on_photoList_clicked(const QModelIndex &index)
{
    qDebug()<<"单击播放图片";
    Q_UNUSED(index);//忽略编译器发出的警告，表明变量event未使用
    //如果选中了自动播放的情况下，点击列表中的内容，则停止自动播放
    if(autoFlag) //选中自动播放的情况
    {
        mtime->stop();
        //把按钮重新置于没有被选中的状态;不要用setCheckable()函数[不可用]，很容易出错
        ui->autoPhoto->setCheckState(Qt::Unchecked);
        autoFlag = false;
    }
    num = ui->photoList->row(ui->photoList->currentItem()); //获取当前点击的内容的行号
    //在没有选中自动播放的情况下，判断当前是否点击了最后一张照片，如果是最后一张照片，在选中自动播放的情况下让它返回到第一张照片
    if(!autoFlag&&num == ui->photoList->count())
    {
        num = 0;
    }
    tempDir.clear();
    /*tempDir+=Dir+"/";
    QString path = ui->photoList->currentItem()->text();
    tempDir+=path*/;
    tempDir=photoPath.at(num); //从容器中找到要播放的照片的相对路径

    //判断是否是动态图;endsWith()字符串结尾
    if(tempDir.endsWith(".gif") || tempDir.endsWith(".Gif"))
    {
        showDinamicPhoto(tempDir);
    }
    else
    {
        // 内容是否自动缩放，参数true自动缩放
        ui->photoShow->setScaledContents(true);//显示图片的全部
        pixmap.load(tempDir);// 更新全局图片
        ui->photoShow->setPixmap(QPixmap(tempDir));//显示图片
    }
}
// 当前项变化
void PicturePlay::my_currentRowChanged(int Row)
{
    qDebug()<<"当前项变化:"<<Row;
}
//拖进事件
void PicturePlay::dragEnterEvent(QDragEnterEvent *event)
{
    // 用于检查拖放的数据是否包含URL,并且获取拖放事件中的URL数量==1
    if(event->mimeData()->hasUrls()&&event->mimeData()->urls().count()==1)
    {
        // 获取拖放事件中的第一个URL的本地文件路径
        QFileInfo file(event->mimeData()->urls().at(0).toLocalFile());
        // 检查文件的后缀名是否在接受的文件类型列表中;（获取文件的后缀名，并将其转换为小写字母）
        if(acceptedFileTypes.contains(file.suffix().toLower()))
        {
            event->acceptProposedAction();//表明用户可以在窗口部件上拖放对象[接受拖放事件的操作]
        }
    }
}
// 拖进放下事件
void PicturePlay::dropEvent(QDropEvent *event)
{
    // 获取拖放事件中的第一个URL的本地文件路径
    QFileInfo file(event->mimeData()->urls().at(0).toLocalFile());

    //qDebug()<<"绝对路径:"<<file.absoluteFilePath();
    //从文件中加载图片，参数file.absoluteFilePath()表示包含文件名的绝对路径，load()返回一个bool值，表示是否加载成功
    if(pixmap.load(file.absoluteFilePath()))
    {
        // 将图片缩放到指定大小，参数ui->label->size()表示缩放的大小，Qt::KeepAspectRatio表示保持图片的宽高比，Qt::SmoothTransformation表示使用平滑缩放算法
        ui->photoShow->setPixmap(pixmap.scaled(ui->photoShow->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));

        ui->photoPath->setText(file.absolutePath());//显示打开的文件的绝对路径,这不包括文件名。
        photoPath.append(file.absoluteFilePath());// 把图片的路径装到容器中

        QListWidgetItem *item = new QListWidgetItem(QIcon(file.absoluteFilePath()),file.fileName());//建立文件缩小图标
        item->setToolTip(file.fileName());// tip提示
        item->setTextAlignment(Qt::AlignCenter);//设置item项中的文字位置
        ui->photoList->addItem(item);//把图片相对路径显示到窗口中
    }else
    {
        // 错误消息框
        QMessageBox::critical(this,tr("Error"),tr("The image file count not be read"));
    }
}
//用于在窗口大小改变时处理事件
int i=0;
void PicturePlay::resizeEvent(QResizeEvent *event)
{
    Q_UNUSED(event);//忽略编译器发出的警告，表明变量event未使用
    qDebug()<<"窗口大小改变:"<<i++;
    if(!pixmap.isNull())
    {
        ui->photoShow->setPixmap(pixmap.scaled(ui->photoShow->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));
    }
}
// 清除
void PicturePlay::on_cleanBtn_clicked()
{
    mtime->stop();
    num = 0;
    if(autoFlag)//选中自动播放的情况
    {
        autoFlag = false;
    }
    pixmap.fill(Qt::transparent);//函数用于将QPixmap对象pixmap清空，参数Qt::transparent表示填充透明色，无返回值
    ui->autoPhoto->setCheckState(Qt::Unchecked);//把自动播放按钮置于没有选择的状态
    ui->loopPlayback->setCheckState(Qt::Unchecked);//把循环重放钮置于没有选择的状态
    photoPath.clear();
    ui->photoPath->clear();
    ui->photoShow->clear();
    ui->photoList->clear();
}

pictureplay.ui

image.png

style.qss

QListWidget
{
    border:1px solid gray;  /*边界线:宽度、颜色*/
    /*background:gray;*/    /*表格背景色*/
    color:black;        /*前景色：文字颜色*/
    /*margin:5px,5px,0px,50px;*/   /*上、下、左、右，间距*/
}
QListWidget{ /*去掉选中时的虚线框*/
    outline:0px;
}
QListWidget::item
{
    padding-top:12px;
    padding-bottom:4px;
}
QListWidget::item:hover/*悬停*/
{
    show-decoration-selected:5;
    background:skyblue;/*天蓝色*/
}
QListWidget::item:selected
{
    /*border:0px;*/
    background:lightgray;/*浅灰色*/
    padding:0px;
    margin:0px;
    color:red;
}
/*上次选择后保留的状态，鼠标离开后显示*/
QListWidget::item:selected:!active
{
    border:none;/*无边框*/
    background:lightgreen;/*浅绿色*/
}

效果

  • 启动

image.png

  • 运行

image.png
image.png

源码

有道云: Qt图片定时滚动播放器
文章标签：
C++
关键词：
Qt图片
Qt滚动
Qt图片滚动
Qt播放器
Qt定时
菜鸟看点
目录
相关文章
实沈
|
7月前
|
计算机视觉 C++
基于Qt的简易图片浏览器设计与实现
基于Qt的简易图片浏览器设计与实现
实沈
324 1
实沈
|
7月前
|
C++
基于Qt的简易音乐播放器设计与实现
基于Qt的简易音乐播放器设计与实现
实沈
313 0
泡沫o0
|
7月前
|
数据可视化 JavaScript 前端开发
Qt Quick 定时技巧全攻略：从底层原理到高级应用（二）
Qt Quick 定时技巧全攻略：从底层原理到高级应用
泡沫o0
430 0
DS小龙哥
|
5月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段，可以将文本信息嵌入到图片、视频等文件中，用于识别和证明文件的版权归属。在数字化和网络化的时代，大量的原创作品容易被不法分子盗用或侵犯版权，因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下，文本水印可以包含版权声明、制作者姓名、日期、网址等信息，以帮助识别文件的来源和版权归属。同时，为了增强防盗用效果，文本水印通常会采用字体、颜色、角度等多种组合方式，使得水印难以被删除或篡改，有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能，例如使用Qt的QPainter类进行文本绘制操作，将文本信息嵌入到图片中，
DS小龙哥
198 1
Qt(C++)开发一款图片防盗用水印制作小工具
zcq5jk6y5y5e4
|
4月前
|
计算机视觉
使用QT显示OpenCV读取的图片
使用QT显示OpenCV读取的图片
zcq5jk6y5y5e4
99 1
好奇的菜鸟
|
6月前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
好奇的菜鸟
426 3
richard_yuu
|
6月前
|
算法 计算机视觉
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
richard_yuu
89 0
泡沫o0
|
7月前
|
监控 JavaScript 测试技术
Qt Quick 定时技巧全攻略：从底层原理到高级应用（一）
Qt Quick 定时技巧全攻略：从底层原理到高级应用
泡沫o0
210 0
godspeedlucip-44601
|
7月前
|
存储 C++ 开发者
QT基础【4-简易的图片查看程序】
QT基础【4-简易的图片查看程序】
godspeedlucip-44601
115 0
国中之林
|
4月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
国中之林
109 0