我是靠谱客的博主 含糊黄豆,最近开发中收集的这篇文章主要介绍QT设置背景图片的三种方式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

  1. 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大小一致,显示效果不好,具体怎样调整大小,以后再补充;

  1. 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不能保证图片大小和控件大小一致,图片不能完全显示,这个以后再补充了,现在还没有找到方法。

  1. 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设置背景图片的三种方式的全部内容,希望文章能够帮你解决QT设置背景图片的三种方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(66)

评论列表共有 0 条评论

立即
投稿
返回
顶部