Question

您好我是QT创作者的新手。我已经尝试了很多东西来设置Q主窗口的背景图像。我在图片中添加了一个资源文件夹。我尝试在UI中使用setstylesheet添加，并尝试编码。当我使用UI时，我可以看到图像，但是当我运行它时，没有任何显示。我想把一张扑克桌的图像作为背景，并且能够将按钮等放在上面。

main.cpp中：

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

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


    return a.exec();
}

mainwindow.cpp

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

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    this->setStyleSheet("{background-image: url(:/images/images/PokerTableBackground.jpg);}");
}

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

就像我说的那样，我尝试过这样做，并将图像放在UI中，而且其中任何一个都无法正常工作。我想将图像设置为整个事物的背景。

我也试过用这个：

QWidget *pic = new QWidget(ui->tab);
    pic->setStyleSheet("background-image: url(:/images/images/PokerTableBackground.jpg)");
    pic->setGeometry(QRect(10,10,220,48)); // your location and size.

Answer 1

您可以通过执行以下操作向MainWindow添加背景图片：

创建一个QPixmap并为其指定图片的路径。
创建一个QPalette并将其设为QBrush与您的像素图，并ColorRole为QPalette::Background。
将您的MainWindow调色板设置为您创建的调色板。

作为示例，您可以将此行添加到MainWindow类的构造函数中：

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QPixmap bkgnd("/home/user/Pictures/background.png");
    bkgnd = bkgnd.scaled(this->size(), Qt::IgnoreAspectRatio);
    QPalette palette;
    palette.setBrush(QPalette::Background, bkgnd);
    this->setPalette(palette);
}

这个的优势在于您可以以编程方式修改/更改背景图像，而无需使用或学习任何CSS样式表语法。

Answer 2

您可以设置中央窗口的背景样式表

this->centralWidget()->setStyleSheet("background-image:url(\"bkg.jpg\"); background-position: center; ");

在构造函数中，它将是这样的：

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

    this->centralWidget()->setStyleSheet(
         "background-image:url(\"bkg.jpg\"); background-position: center;" );
}

Answer 3

CSS样式背景将在子窗口小部件中继承，从而创建奇怪的窗口。可能的解决方案是将背景限制为MainWindow或#centralWidget。另外，如果您想要拉伸图像以覆盖整个小部件，请使用此类CSS

this->setStyleSheet(
            "#centralWidget { "
            " border-image: url(:/background.png) 0 0 0 0 stretch stretch;"
            "}");

如何将背景图像添加到QMainWindow？

3 个答案: