如何在QT框架中的UI上显示“* .png”文件?

时间:2011-08-02 10:56:27

标签: c++ qt user-interface png

我是Qt Framework的新手......

我想在我的Form1.ui中显示.png图片, 所以我从小工具框中拖放了一个图形视图 我将test.png放在同一目录中(在项目文件夹中)

我在代码

中这样做了
//Form1.cpp
#include "form1.h"
#include "ui_form1.h"

Form1::Form1(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Form1)
{
    ui->setupUi(this);
    ui->Pic1->setStyleSheet("background-image: url(test.png)");

}

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



//Form1.h
#ifndef FORM1_H
#define FORM1_H

#include <QWidget>

namespace Ui {
    class Form1;
}

class Form1 : public QWidget
{
    Q_OBJECT

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

private:
    Ui::Form1 *ui;
};

#endif // FORM1_H

它完美编译但是图片没有出现, 我错了什么?

这是我的qrc:

3 个答案:

答案 0 :(得分:11)

用于显示图片的小工具是QLabel。您可以通过设置pixmap属性直接从QtCreator执行此操作。

正如其他人所说,您应首先创建一个资源文件,然后将该图像添加到该资源文件中。要创建Qt资源文件,请转到菜单:文件&gt; Qt> Qt资源文件。

编辑以编程方式执行此操作:

//names starting with : means that they are on a resource file, 
//otherwise in the filesystem
QPixmap * mypix = new QPixmap(":/karim/test.png"); 
ui->your_label->setPixmap(mypix);
delete mypix;

答案 1 :(得分:0)

您需要将图像添加到资源文件中:http://doc.qt.io/qt-5/resources.html

答案 2 :(得分:0)

如果你的资源中有png,可以更改你的background-image:tag:

ui->Pic1->setStyleSheet("background-image: url(:/test.png)");