Qt学习笔记(5)——CommandButton

    好了,上面是对该控件的一些简单介绍,下面我们建一个具体的工程来运用一下这个控件,看看它的效果!

   老规矩,第一步还是建立一个Gui的应用程序,在中心区域添加一个QLabel 控件、QScrollArea控件和QCommandLinkButton控件,具体布局如下图所示:


Qt学习笔记(5)——CommandButton_第1张图片

界面设计好后我们需要添加几张图片资源来配合使用,在该项目的项目目录下新建文件夹images,文件夹中添加几张图片,这里我在开源中国中找了几张图片来作为演示,资源添加好后在Qt的工程中选择添加新文件,新建一个资源文件,示例如下所示:

新建一个images.qrc

Qt学习笔记(5)——CommandButton_第2张图片

选择add ->add Prefix,在Prefix栏中添加“/”

Qt学习笔记(5)——CommandButton_第3张图片

然后单击add ->add files 将要添加的图片资源添加进来就可以了!如下图所示:

Qt学习笔记(5)——CommandButton_第4张图片

最后对CommandLinkButton按钮进行槽函数的添加与完善!

具体代码如下所示:

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QStringList>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:
    void on_commandLinkButton_clicked();

private:
    Ui::MainWindow *ui;

    QStringList list;
    int currentImage;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include <QMessageBox>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    this->currentImage = 0;

    this->list << ":/images/1.jpg"<<":/images/2.gif";
    ui->label->setBackgroundRole(QPalette::Base);
    ui->label->setSizePolicy(QSizePolicy::Ignored,QSizePolicy::Ignored);
    ui->label->setScaledContents(true);
    resize(500,400);
    QString fileName = list.at(this->currentImage);
    if(!fileName.isEmpty())
    {
        QImage image(fileName);
        if(image.isNull())
        {
            QMessageBox::information(this,tr("image Viewer"),tr("Can not load %1.").arg(fileName));
            return;
        }
        ui->label->setPixmap(QPixmap::fromImage(image));
    }
}

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

void MainWindow::on_commandLinkButton_clicked()
{
    if(this->currentImage == 1)
        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("Can not load %1.").arg(fileName));
              return;
        }
        ui->label->setPixmap(QPixmap::fromImage(image));
    }
}

main.cpp

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

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();

    return a.exec();
}

好了,程序到这里应该可以成功运行了,来看一下我的运行结果,(*^__^*) 嘻嘻……

Qt学习笔记(5)——CommandButton_第5张图片

好了,今天就到这吧,fuck……,我还有个Bug没改,赶紧撤了!

你可能感兴趣的:(Qt学习笔记(5)——CommandButton)