Qt添加背景图片的方法

转至http://www.cppblog.com/qianqian/archive/2010/07/25/121238.html

1. QPalette的方法

#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));
    frame->setPalette(palette);
    frame->setMask(pixmap.mask());  //可以将图片中透明部分显示为透明的
    frame->setAutoFillBackground(true);
    frame->show();

return app.exec();
}

注意图片路径怎么表示,我的图片放在该工程下的images文件夹中。
存在问题:图片可以显示出来,但是图片大小不能和frame大小一致,显示效果不好,具体怎样调整大小,以后再补充,效果如下(设置了透明的,好像很漂亮~透明部分将我的桌面显示出来了~_~):

2.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();
}

效果如下:

注意:很漂亮的效果吧~~注意代码中红线的部分噢,设置ObjectName后,才能保证setStyleSheet只作用在我们的frame上,不影响其子控件的背景设置。之所以用border-image而不用background-image,还是上面的问题,用background-image不能保证图片大小和控件大小一致,图片不能完全显示,这个以后再补充了,现在还没有找到方法。

3.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();
}

时间: 2024-10-31 15:18:28

Qt添加背景图片的方法的相关文章

Qt中添加背景图片的方法

Qt中添加背景图片的方法 1. QPalette的方法 #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&quo

VC之CButton添加背景图片的方法

方法1. 使用CBitmap CBitmap m_bitmap; m_bitmap.LoadBitmap(IDB_BITMAP1); HBITMAP hBitmap = (HBITMAP)m_bitmap.GetSafeHandle(); ((CButton *)GetDlgItem(IDC_BUTTON1))->SetBitmap(hBitmap); 方法2. 使用CBitmapButton (1) 在对话框类里定义成员变量:CBitmapButton m_btn 方法: 先添加按钮的CBut

swing-窗体添加背景图片的2种方法

在美化程序时,常常需要在窗体上添加背景图片.通过搜索和测试,发现了2种有效方式.下面分别介绍.1.利用JLabel加载图片利用JLabel自带的setIcon(Icon icon)加载icon,并设置JLabel对象的位置和大小使其完全覆盖窗体.这是一个很取巧的办法,代码非常简单,如下所示. JLabel lbBg = new JLabel(imageIcon); lbBg.setBounds(0, 0, frameSize.width, frameSize.height); this.getC

QWidget窗体中使用Q_OBJECT后无法添加背景图片或背景色

在继承自QWiget的窗体中,设置背景图片或背景色比较简单的方法是使用setStyleSheet()函数,比如在构造函数中可以这样来设置背景图片: this->setStyleSheet("border-image: url(:/background.jpg)"); 但是如果窗体类中使用了Q_OBJECT,则这种方法没有效果,解决办法是使用setAttribute()函数,如下: this->setAttribute(Qt::WA_StyledBackground); th

C#(winform)为button添加背景图片

1.既然是添加背景图片 所以这里应该使用 Button.BackgroudImage = "" ;来设置图片 而不应该使用  Button.Image = ""; 因为使用BackgroudImage来设置背景图片,我们还可以使用 BackgroundImageLayout来调节图片,让图片更好的显示在button上 通常使用: 1 this.btnReset.BackgroundImage = global::Test.Properties.Resources.b

MFC添加背景图片

1.在资源里导入一个bmp图片假设名称为IDB_BITMAP1 实现OnPaint方法 CPaintDC dc(this); CRect rect; GetClientRect(&rect); CDC dcMem; dcMem.CreateCompatibleDC(&dc); CBitmap bmpBackground; bmpBackground.LoadBitmap(IDB_BITMAP1); //IDB_BITMAP是你自己的图对应的ID BITMAP bitmap; bmpBack

ios:设置视图背景图片的方法

1. 使用一个UIImageView实例做子视图,并且放最后面UIImageView *customBackgournd = [UIImageView alloc] initWithImage:[UIImage imageNamed:@"background.jpg"]];self.background = customBackground;[customBackground release]; [self addSubview:background];[self sendSubVie

netbeans中给jpanl添加背景图片制定代码的理解——匿名内部类继承父类

此测试是为了仿照在netbeans中给jpanl添加背景图片的制定代码的执行过程 在JpDemo中定义了个Car类的数据类型,但在给其赋值对象时使用了匿名内部类,继承了Car类,是其子类,并重写了父类的run方法,由于父类的构造函数,会自动执行run方法,就输出了sun run,证明重写成功,然后又再执行super.run 又一次调用父类未重写的run方法,因此输出fater run. 与此相似给jpanl添加背景图的代码为: jPanel1 = new javax.swing.JPanel()

css给未知宽高的元素添加背景图片

给页面的某一元素添加背景图片,当没有指定具体的宽高时,是无法显示效果的 1.添加背景图 HTML代码: <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width,initial-scale=1.0,mi