如何在Qt中添加资源文件

在Qt中用CommandLinkButton控件实现图片浏览器的功能。

主要控件说明：

控件类型	控件名称	控件说明	文本
QLabel	imageLabel	显示图片	TextLabel
QCommandLinkButton	commandLinkButtonNext	触发下一张图片	下一张

1. 建立Qt Gui Application工程，可翻看前面博文，在此不再赘述。
2. 添加资源文件：在工程目录下新建文件夹images，文件夹中有5张照片，分别是1.jpg、2.jpg、3.jpg、4.jpg、5.jpg。
3. 我的工程目录是：/home/new/Desktop/qtstudy/button/CommandLinkButton
4. 在工程名称上右击，选择“Add New”，选择“Qt”下的“Qt Resource file”。选择“Choose”确定。

       5.在“Name”后面添加“images”，“Path”后的路径为images路径，我的为：/home/new/Desktop/qtstudy/button/CommandLinkButton

       6.点击“Next”，将选项配置如下图，Add to project下选择<None>，单击“Finish”

        7.单击“Add”，选择“Add Prefix”，即添加前缀。然后再Add Prefix选项下添加“/”，如下图：

        8.单击“Add”，选择“Add Files”，选中“images”目录下的所有图片文件，单击“打开”，添加成功后如下图：

        9.点击工程目录下的.ui文件，拖拽一个QLable控件和QCommandLinkButton控件，布局如下：

        10.在.h文件中添加如下代码：Ui::MainWindow *ui;后面是添加的代码

private:
    Ui::MainWindow *ui;
    QStringList list;     //用于保存文件名称
    int currentImage;  //用于循环图片
private slots:
    void on_commandLinkButtonNext_clicked();  //槽函数，点击后显示下一张图片

          11.在.cpp文件下添加头文件和源代码：除去原来工程自带的，还需添加部分代码，其他文件不需添加代码。请读者自己对照完善。一定要注意照片的路径。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMessageBox>
#include <QFileDialog>
#include <QImage>
#include <QString>
#include <QPalette>
#include <QSizePolicy>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    this->currentImage = 0;
//初始化文件列表，注意照片路径，我的是/home/new/Desktop/qtstudy/button/CommandLinkButton/
    this->list<<"/home/new/Desktop/qtstudy/button/CommandLinkButton/images/1.jpg"
                   <<"/home/new/Desktop/qtstudy/button/CommandLinkButton/images/2.jpg"
                   <<"/home/new/Desktop/qtstudy/button/CommandLinkButton/images/3.jpg"
                   <<"/home/new/Desktop/qtstudy/button/CommandLinkButton/images/4.jpg"
                   <<"/home/new/Desktop/qtstudy/button/CommandLinkButton/images/5.jpg";
    //设置imageLabel的大小和背景
    ui->imageLabel->setBackgroundRole(QPalette::Base);
    ui->imageLabel->setSizePolicy(QSizePolicy::Ignored,QSizePolicy::Ignored);
    ui->imageLabel->setScaledContents(true);

  //  resize(400,400);
    QString fileName = list.at(this->currentImage);
    if(!fileName.isEmpty())
    {
        QImage image(fileName);
        if(image.isNull())
        {
            QMessageBox::information(this,tr("Image Viewer"),tr("Cannot load %1.").arg(fileName));
            return ;
        }
        ui->imageLabel->setPixmap(QPixmap::fromImage(image));
    }
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_commandLinkButtonNext_clicked()
{
    if(this->currentImage == 4)
        this->currentImage = 0;
    else
        this->currentImage++;
    QString fileName = list.at(this->currentImage);
    if(!fileName.isEmpty())
    {
        QImage image(fileName);
        if(image.isNull())
        {
            QMessageBox::information(this,tr("Image Viewer"),tr("Cannot load %1.").arg(fileName));
            return ;
        }
         ui->imageLabel->setPixmap(QPixmap::fromImage(image));
    }
}

最后的函数是槽函数的定义。

        12.编译运行，最后结果如下图：