Ubuntu上Qt之简单图片浏览器

 >>主要功能：

　　　　（1）图片切换浏览，上一张/下一张。

　　　　（2）图片放大、缩小。包括两种机制：鼠标滚轮和按钮放大/缩小。

　　　　（3）图片自动循环播放，间隔2s。点击播放后，其余操做均无效，直至点击暂停。

　　　　（4）图片顺时钟旋转，每次90度。可在放大/缩小状态下旋转，或者相反。

　　　　（5）在图片被放大/缩小/旋转后，点击还原或者切换图片时，自动恢复为默认大小。

 >>最终效果：

（1）点击播放按钮：

（2）暂停后，点击下一张：

（3）点击放大（或鼠标滚轮往前滚动）：

（4）点击还原：

（5）点击缩小（或鼠标滚轮日后滑动）：

（6）点击上一张：

（7）点击旋转：

（8）点击缩小（或鼠标滚轮日后）：

（9）点击还原：

 

>>添加程序：

　　新建Gui工程，名为MyPictureView，类名MyPictureView，基类选择QWidget。

mypictureview.h

#ifndef MYPICTUREVIEW_H #define MYPICTUREVIEW_H #include <QWidget> #include <QVector> #include <QPixmap> #include <QTimer> #include <QFileDialog> #include <QString> #include <QLabel> #include <QWheelEvent>


namespace Ui { class MyPictureView; } class MyPictureView : public QWidget { Q_OBJECT public: MyPictureView(QVector<QPixmap *> &pictures); ~MyPictureView(); private slots: void on_btn_prev_clicked(); void on_btn_spin_clicked(); void on_btn_play_stop_clicked(); void on_btn_orig_clicked(); void on_btn_next_clicked(); void on_btn_big_clicked(); void on_btn_smal_clicked(); void wheelEvent(QWheelEvent * event); void pic_showloop(); private: Ui::MyPictureView *ui; QVector<QPixmap *>  &pictures_; QTimer *timer; QPixmap pix; QLabel *label; void pic_show1(); void pic_show2(); bool isPlaying; float scale; int size; int currentIndex; int imageAngle; }; #endif // MYPICTUREVIEW_H

mypictureview.h

mypictureview.cpp

#include "mypictureview.h" #include "ui_mypictureview.h" MyPictureView::MyPictureView(QVector<QPixmap *> &pictures) : pictures_(pictures), ui(new Ui::MyPictureView) { ui->setupUi(this); scale = 1; currentIndex = 0;     // Current picture index
    size = pictures_.size(); isPlaying = false; imageAngle = 0; label = new QLabel; ui->scrollArea->setWidget(label); ui->scrollArea->setAlignment(Qt::AlignCenter);   //显示位置，对齐方式
 timer = new QTimer; timer->setInterval(2 * 1000);   //2s
    connect(timer,SIGNAL(timeout()),this,SLOT(pic_showloop())); label->setAlignment(Qt::AlignCenter); if(size > 0) pic_show1(); } MyPictureView::~MyPictureView() { delete ui; } void MyPictureView::on_btn_prev_clicked()       //上一张
{ timer->stop(); scale = 1; imageAngle = 0; currentIndex--; if(currentIndex<0) currentIndex=size-1; pic_show1(); } void MyPictureView::on_btn_spin_clicked()       //旋转
{ imageAngle += 1; imageAngle = imageAngle % 4; pic_show2(); } void MyPictureView::on_btn_play_stop_clicked()      //播放、暂停，间隔2s
{ isPlaying = !isPlaying; if(isPlaying) { ui->btn_play_stop->setText(tr("暂停")); timer->start(); ui->btn_big->setEnabled(false); ui->btn_next->setEnabled(false); ui->btn_orig->setEnabled(false); ui->btn_prev->setEnabled(false); ui->btn_smal->setEnabled(false); ui->btn_spin->setEnabled(false); } else { ui->btn_play_stop->setText(tr("播放")); timer->stop(); ui->btn_big->setEnabled(true); ui->btn_next->setEnabled(true); ui->btn_orig->setEnabled(true); ui->btn_prev->setEnabled(true); ui->btn_smal->setEnabled(true); ui->btn_spin->setEnabled(true); } } void MyPictureView::on_btn_orig_clicked()       //还原
{ timer->stop(); scale = 1; imageAngle = 0; pic_show1(); } void MyPictureView::on_btn_next_clicked()       //下一张
{ timer->stop(); scale = 1; imageAngle = 0; currentIndex++; if(currentIndex>size-1) currentIndex = 0; pic_show1(); } void MyPictureView::on_btn_big_clicked()        //放大
{ timer->stop(); scale = scale*1.25;         //和0.8对应，放大次数和缩小次数点击相同次，会还原到原来的样子

    if(imageAngle != 0) pic_show2(); else pic_show1(); } void MyPictureView::on_btn_smal_clicked()       //缩小
{ timer->stop(); scale = scale*0.8; if(imageAngle != 0) pic_show2(); else pic_show1(); } void MyPictureView::wheelEvent(QWheelEvent *event)          //滚轮放大或缩小
{ int num = event->delta(); if(!isPlaying) { if(num > 0) on_btn_big_clicked(); else on_btn_smal_clicked(); } } void MyPictureView::pic_show1()          //显示图片
{ pix = (*pictures_[currentIndex]).scaled(640*scale,360*scale,Qt::KeepAspectRatio); label->setPixmap(pix); } void MyPictureView::pic_show2()     //旋转后的显示
{ QMatrix leftmatrix; leftmatrix.rotate(90*imageAngle); pix = (*pictures_[currentIndex]).scaled(640*scale,360*scale,Qt::KeepAspectRatio); label->setPixmap(pix.transformed(leftmatrix,Qt::SmoothTransformation)); } void MyPictureView::pic_showloop()      //循环显示图片
{ scale = 1; currentIndex ++; if(currentIndex > size-1) currentIndex = 0; pic_show1(); }

mypictureview.cpp

main.cpp

#include "mypictureview.h" #include <QApplication>

int main(int argc, char *argv[]) { QApplication a(argc, argv); QVector<QPixmap *> pictures; pictures.push_back(new QPixmap(":/pictures/1")); pictures.push_back(new QPixmap(":/pictures/2")); pictures.push_back(new QPixmap(":/pictures/3")); pictures.push_back(new QPixmap(":/pictures/4")); pictures.push_back(new QPixmap(":/pictures/5")); pictures.push_back(new QPixmap(":/pictures/6")); pictures.push_back(new QPixmap(":/pictures/7")); pictures.push_back(new QPixmap(":/pictures/8")); MyPictureView view(pictures); // Disable maximize and minimize button
 view.setWindowFlags(view.windowFlags() & ~Qt::WindowMaximizeButtonHint & ~Qt::WindowMinimizeButtonHint); view.show(); return a.exec(); }

main.cpp

 添加资源：

（1）资源名随便起一个，我这里起的是pictures，而后我在工程目录下新建了一个文件夹来存放图片资源，取名为picture。

（2）在资源管理器中，先修改一下前缀，能够直接输入一个“/”  。我这里输入的是“/pictures”。

（3）能够选择为每一个图片起一个别名，我这里分别用数字1~8代替图片的名字。

 如今，咱们就能够使用QPixmap(":/pictures/1")来加载别名为1的图片。