QT设置背景图片的三种方式

QPalette的方法

基本步骤：

(1). 首先设置QWidget的autoFillBackground属性为真

(2). 然后定义一个QPalette对象，设置QPalette对象的背景属性（颜色或者图片）；

(3). 最后设置QWidget对象的QPalette。

QWidget *widget=new QWidget;widget->autoFillBackground(true);QPalette palette;palette.setColor(QPalette::Background,QColor(192,253,123));  //设置背景色//palette.setBrush(QPalette::Background,QBrush(QPixmap(":/background.png")));  //设置背景图片widget->setPalette(palette);

或者：

#include <QApplication>
#include <QtGui>int main(int argc, char *argv[])
{QApplication app(argc,argv);QFrame *frame = new QFrame;frame->resize(400,700);QPixmap pixmap(":/images/frame.png");//设定图片QPalette palette;//创建一个调色板对象palette.setBrush(frame->backgroundRole(),QBrush(pixmap));//用调色板的画笔把映射到pixmap上的图片画到            frame.backgroundRole()这个背景上//palette.setColor(frame->backgroundRole(),QColor(192,253,123));frame->setPalette(palette);//设置窗口调色板为palette，窗口和画笔相关联frame->setMask(pixmap.mask()); //可以将图片中透明部分显示为透明的frame->setAutoFillBackground(true);//设置窗体自动填充背景frame->show();return app.exec();
}

存在问题：图片可以显示出来，但是图片大小不能和frame大小一致，显示效果不好，具体怎样调整大小，以后再补充；

setStyleSheet方法(非常好用的方法)

 #include <QApplication>
#include <QtGui>int main(int argc, char *argv[])
{QApplication app(argc,argv);QFrame *frame = new QFrame;frame->setObjectName("myframe");frame->resize(400,700);frame->setStyleSheet("QFrame#myframe{border-image:url(images/frame.png)}" );frame->show();return app.exec();
}

注意：frame->setObjectName(“myframe”);，设置ObjectName后，才能保证setStyleSheet 只作用在我们的frame上，不影响其子控件的背景设置。之所以用border-image而不用background-image，还是上面的问题，用 background-image不能保证图片大小和控件大小一致，图片不能完全显示，这个以后再补充了，现在还没有找到方法。

paintEvent事件方法

//myframe.h文件
#ifndef MYFRAME_H
#define MYFRAME_H#include <QWidget>
#include <QtGui>class MyFrame : public QWidget
{public:MyFrame();void paintEvent(QPaintEvent *event);
};#endif // MYFRAME_H//myframe.cpp文件
#include "myframe.h"MyFrame::MyFrame()
{}void MyFrame::paintEvent(QPaintEvent *event)
{QPainter painter(this);painter.drawPixmap(0,0,400,700,QPixmap("images/frame.png"));
}//main.cpp文件
#include <QApplication>
#include <QtGui>#include "myframe.h"int main(int argc, char *argv[])
{QApplication app(argc,argv);MyFrame *frame = new MyFrame;frame->resize(400,700);frame->show();return app.exec();
}

与前面的差别就是这个背景图片不随着窗口的大小而变化，因为它的固定大小被设置成(400，700)了。重写QWidget的paintEvent事件，当控件发生重绘事件，比如show()时，系统就会自动调用paintEvent函数。

好了，上面是三种设置背景图片的方法，下面我要说一个设置QPushButton的背景图片的方法，用的是setIcon方法(其实QPushButton设置背景图片也可以用前面三种方法的，不过现在这种Icon方法的看起来也不错)

#include <QApplication>
#include <QtGui>int main(int argc, char *argv[])
{QApplication app(argc,argv);QFrame *frame = new QFrame;QPushButton * button0 = new QPushButton(frame);QPushButton * button1 = new QPushButton(frame);QPushButton * button2 = new QPushButton(frame);QPushButton * button3 = new QPushButton(frame);QPushButton * button4 = new QPushButton(frame);QPushButton * button5 = new QPushButton(frame);frame->setObjectName("myframe");frame->resize(400,700);frame->setStyleSheet("QFrame#myframe{border-image:url(images/frame.png)}" );button0->setGeometry(60,150,68,68);button1->setGeometry(160,150,68,68);button2->setGeometry(260,150,68,68);button3->setGeometry(60,280,68,68);button4->setGeometry(160,280,68,68);button5->setGeometry(260,280,68,68);QIcon icon;QPixmap pixmap0("images/SMS.png");icon.addPixmap(pixmap0);button0->setIcon(icon);button0->setIconSize(QSize(68,68));button0->setFixedSize(pixmap0.size());button0->setMask(pixmap0.mask());QPixmap pixmap1("images/EMail.png");icon.addPixmap(pixmap1);button1->setIcon(icon);button1->setIconSize(QSize(68,68));button1->setFixedSize(pixmap1.size());button1->setMask(pixmap1.mask());QPixmap pixmap2("images/Contacts.png");icon.addPixmap(pixmap2);button2->setIcon(icon);button2->setIconSize(QSize(68,68));button2->setFixedSize(pixmap2.size());button2->setMask(pixmap2.mask());QPixmap pixmap3("images/Calendar.png");icon.addPixmap(pixmap3);button3->setIcon(icon);button3->setIconSize(QSize(68,68));button3->setFixedSize(pixmap3.size());button3->setMask(pixmap3.mask());QPixmap pixmap4("images/GoogleVoice.png");icon.addPixmap(pixmap4);button4->setIcon(icon);button4->setIconSize(QSize(68,68));button4->setFixedSize(pixmap4.size());button4->setMask(pixmap4.mask());QPixmap pixmap5("images/AndroidMarket.png");icon.addPixmap(pixmap5);button5->setIcon(icon);button5->setIconSize(QSize(68,68));button5->setFixedSize(pixmap5.size());button5->setMask(pixmap5.mask());frame->show();return app.exec();
}

补充：

这样就可以让图片跟窗口一样大小了

 int main(int argc, char *argv[])
{QApplication app(argc,argv);QFrame *frame = new QFrame;frame->resize(400,700);QImage image1；image1.load("images/frame1.jpg");QImage image2 = image1.scaled(400,700);QPalette palette;palette.setBrush(frame->backgroundRole(),QBrush(image2));frame->setPalette(palette);frame->setMask(pixmap.mask()); //可以将图片中透明部分显示为透明的frame->setAutoFillBackground(true);frame->show();return app.exec();
}

QT设置背景图片的三种方式相关推荐

设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
设置背景图片的两种方式,并解决手机端背景图片高度自适应问题参考文章: (1)设置背景图片的两种方式,并解决手机端背景图片高度自适应问题 (2)https://www.cnblogs.com/Dark ...
VSCode设置背景图片的两种方式
1.可以通过直接修改VSCode的css代码来设置 2.可以通过下载插件来设置第一种: 首先要找到css文件: 然后在css文件中加入如下代码: body {/*背景图片的路径*/backgroun ...
QT设置背景图片的Qss实现方式
代码如下: setStyleSheet("background-image:url(:/icon/Background.png); background-position: left top ...
Qt设置背景图片方法
本文主要介绍三种Qt设置背景图片的方法: 1.QPalette 2.重写paintEvent 3.设置Qss(Qt style sheet) 1.QPalette (1)示例 //.cppthis-& ...
linux qt 背景图片,qt设置背景图片
<一>http://blog.csdn.net/qq5823996/article/details/6851788 Qt的窗口背景图片有3种方式设置 1.QPalette p; p.set ...
ImGui添加背景图片的两种方式
给ImGui添加背景图片的两种方式最近在使用ImGui做客户端程序,想给窗口添加背景图片,但是作者的文档里面好像并没有讲如何添加背景图片,研究了下找到了两种方式. 第一种创建一个和窗口一样大的Im ...
QT读写Sqlite数据库的三种方式
QT对一些基本的数据库的访问封装,可谓是极大的方便的我们开发人员,现在我们就来说下QT对Sqlite这个数据库的读写,Sqlite是一个比较小型的本地数据库,对于保存一些软件配置参数或量不是很大的数据 ...
QT设置背景图片以及设置按钮
1.Qt设置背景图片 ①.设置UI窗口背景图片,需要在构造函数中添加以下代码: this-> setAutoFillBackground(true); QPa ...
微信小程序设置背景图的几种方式
微信小程序设置背景图的几种方式原本在html中可以通过background-image来设置背景图片 .page {width: 100%;height: 100%;background-size: ...

QT设置背景图片的三种方式

QT设置背景图片的三种方式相关推荐

最新文章

热门文章