Qt 设置窗口背景图片的几种方法实例

1.在paintEvent事件中绘制图片

void Widget::paintEvent(QPaintEvent * ev)
{QPainter painter(this);painter.drawPixmap(rect(),QPixmap(":/bg.jpg"),QRect());
}

drawPixmap在Widget的整个矩形区域绘制背景图片，第三个参数为要绘制的图片区域，传入空的矩形表示整个图片区域。通过这种方式可以将图片平铺到窗口上，缺点就是要使用paintEvent事件需要新建一个类，不适合子窗口。

2.使用调色板QPalette来设置图片

QPalette pal =this->palette();
pal.setBrush(QPalette::Background,QBrush(QPixmap(":/bg.jpg")));
setPalette(pal);

首先获得Widget的调色板，然后设置设置调色板背景（setBrush），最后将调色板设置到Widget中。

3. 使用样式表(setStyleSheet)

使用样式表可以很方便设置界面，而且非常高效，还能让界面和逻辑分离。真的是Qt里非常好用的一个东西，设置背景图片的语句也很简单.

setStyleSheet("border-image:url(:/bg.jpg)");

一句话就搞定了，这里使用border-image属性可以让图片平铺到窗口，效果与第二点一样。不过在本例中由于Widget是顶层窗口，所以直接设置样式表也不会显示。所以样式表比较适合子窗口来使用。

注意这三者的使用：

4.使用间接的方式来设置背景

比如说在窗口上覆盖一个QLabel，这个label始终与窗口一样大。然后在label中设置图片，视觉效果上和直接给窗口设置背景图片一样。

Widget::Widget(QWidget *parent) :QWidget(parent)
{m_lblBg = new QLabel(this);m_lblBg ->setPixmap(QPixmap(":/bg.jpg"));m_lblBg ->setScaledContents(true);
}
void Widget::resizeEvent(QResizeEvent * ev)
{m_lblBg->resize(this->size());
}

创建一个label作为Widget的子窗口，然后设置图片。通过在Widget的resizeEvent事件中设置label的大小与Widget一致。这里需要注意调用QLabel的setScaledContents(true),否则效果和第一种一样。由于QLabel可以用来显示动图因此使用这种方式可以实现窗口的动态背景图片。

如果你用的是界面类的话，你还可以通过Widget等画布，放大到和窗口一样大小，然后再画布上加载图片，从而达到设置背景图的效果。

/***************************

主界面设置背景一般有设置背景图片和背景颜色的需求，其实二者之间设置方法类似
目录

主界面设置背景一般有设置背景图片和背景颜色的需求，其实二者之间设置方法类似

方法一：最简单的方式是通过ui界面来设置，例如设置背景图片

方法二：通过代码设置窗口的palette属性来实现

方法三：通过重写paintEvent事件，来设置背景图片和背景颜色

方法四：通过代码中设置样式表，其与方法一类似

首先说明一下background-image、border-image、image三种区别

background-image：简单理解就是将图片从部件的左上角开始贴图，部件的大小限制了显示图片范围；好比是我们按照部件的大小来裁剪图片

border-image：就是将贴图缩放进到部件里，部件能看到完整图片，但是此时图片会被压缩的变形

iamge:部件会按照图片的原始大小进行填充

方法一：最简单的方式是通过ui界面来设置，例如设置背景图片

在添加资源的下拉框有三种方式：

选择background-image之后会有个问题，就是窗口上的其它子部件也会贴上图，如下：

这种添加方式会让所有部件都会贴图，肯定不行；需要把background-image: url(:/image/background.png);放在#MainWindow{}里(MainWindow为主窗口的对象名),意思就是只针对主窗口设置有效，子部件无用；

设置前

设置后

背景色设置和背景图片设置也是一样的道理，如果不想窗口中的部件颜色和主窗口一样，也是需要#MainWindow来设置限定范围

设置完效果如下:

方法二：通过代码设置窗口的palette属性来实现
1)背景图片设置

QPixmap pixmap=QPixmap(":/image/background.png").scaled(this->size());
QPalette palette;
//设置主窗口背景图片
palette.setBrush(QPalette::Window,QBrush(pixmap));
2）.背景颜色设置

QPalette palette;
//设置主窗口背景颜色
palette.setColor(QPalette::Window,QColor(255, 150, 30));
this->setPalette(palette);
方法三：通过重写paintEvent事件，来设置背景图片和背景颜色
1）设置背景图片

void MainWindow::paintEvent(QPaintEvent *)
{
QPainter painter(this);

QPixmap pixmap(":/image/background.png");
painter.drawPixmap(this->rect(),pixmap);

}
2）设置背景颜色

void MainWindow::paintEvent(QPaintEvent *)
{
QPainter painter(this);

QColor color(255, 150, 30);
painter.setBrush(color);
painter.drawRect(this->rect());
}
方法四：通过代码中设置样式表，其与方法一类似
1）设置主窗口背景图片

this->setStyleSheet("QMainWindow {background-image:url(:/image/background.png)}");
2).设置主窗口背景颜色

this->setStyleSheet("QMainWindow {background-color:rgb(255, 150, 30)}");

Qt 设置窗口背景图片的几种方法实例相关推荐

Qt 设置窗口背景图片的几种方法
1.在paintEvent事件中绘制图片 void Widget::paintEvent(QPaintEvent * ev) {QPainter painter(this);painter.drawP ...
Qt之QWidget设置窗口背景图片的几种方法
Qt之QWidget设置窗口背景图片的几种方法几种方法如下: 1.使用调色板QPalette来设置图片 QPalette pal =this->palette(); pal.setBrush( ...
qt设置顶层窗口_QWidget设置窗口背景图片的几种方法
软件的界面为了更直观或美观,常常需要通过图片来表达.我们知道Qt中所有界面类的祖先是QWidget,因此学会给QWidget设置图片是必须掌握的技能之一.但是编程是没有标准答案的,达到同一效果可以有许 ...
java 窗体添加背景图片_Java Swing实现窗体添加背景图片的2种方法详解
本文实例讲述了java Swing实现窗体添加背景图片的2种方法.分享给大家供大家参考,具体如下: 在美化程序时,常常需要在窗体上添加背景图片.通过搜索和测试,发现了2种有效方式.下面分别介绍. 1. ...
Qt 设置Widget背景图片并实现透明度的三种方式
一.场景在平常的开发过程中,我们常常会遇到需要设置Widget窗口背景图片透明度的方式.一般会有三种方式可以进行设置. 二.方式一(使用图形遮罩功能SetMask函数) class BackGrou ...
Qt设置按钮背景图片，点击不显示背景
Qt设置按钮为图片样式方法资源中准备两张不同颜色的图片,qtcreator中右键按钮,选择Change styleSheet,输入如下代码: QPushButton{image: url(:/new ...
Qt之按钮添加背景图片的几种方法
注意:图片必须被添加到项目的资源文件中 1.通过UI界面添加,找到样式表(stylesheet)选项,点进去选择添加资源,这里有三个选项,分别是backgound-image.border-image ...
Qt设置按钮背景图片
Qt有丰富的样式表,可以很方便的改变界面的风格,下面给出Qt按钮添加图片的方法,直接用setIcon的方法,图片会被缩放,下面的方法正常显示 //设置按钮图标,按钮的默认大小是 30*30,可以自己指 ...
JAVA之设置背景图片的几种方法
第一种方法,通过JLabel来装载图片. 创建一个ImageIcon对象,来获取背景图片. ImageIcon img = new ImageIcon("image/img1.png& ...

Qt 设置窗口背景图片的几种方法实例

Qt 设置窗口背景图片的几种方法实例相关推荐

最新文章

热门文章