天天看点

超详细且简单的Qt Designer设置界面背景图

这里介绍的主要是一种放置界面底层的背景图方式

首先,先新建一个框,并填充你所需要的一些元件,这里就用我近期的一个小项目吧;

本来,

超详细且简单的Qt Designer设置界面背景图

界面如上所示。

想要背景图片不被引用到元件的背景图上,

我们在这里运用一个list View的元件

超详细且简单的Qt Designer设置界面背景图
拖动到界面上,选中在点击放置在后面的按钮
超详细且简单的Qt Designer设置界面背景图

这样,list View就被置于底层了

然后,将其放大占满所有区域,由你定吧。

超详细且简单的Qt Designer设置界面背景图
空白处点右键选择改变样式表,
超详细且简单的Qt Designer设置界面背景图
点击添加资源,选择下拉菜单第一项。
超详细且简单的Qt Designer设置界面背景图

选择编辑资源,

有一个前提,你的文件里面得先包含有**.qrc文件**,下面就一并介绍了:

补充前提

打开你项目的所在文件目录,新建一个文本文件,并将后缀名改为.qrc,然后将下面代码复制到文本文件中:

<!DOCTYPE RCC>
<RCC version="1.0">
<qresource prefix="/">
    <file>bearwn.png</file>
    <file>cyj.png</file>

</qresource>
</RCC>
      

首先改文件目录下得含有你的资源图片文件,我这里就是bearwn.png和cyj.png这两个图片在一个文件夹里。将这两个文件改为你调用的图片文件的名称!!!

注:若pyrcc5将.qrc转换为.py存在的一些问题—>点击 这里

到此,你已经有了.qrc文件了。

接上刚刚的点击编辑资源,再点击下图位置

超详细且简单的Qt Designer设置界面背景图

找到.qrc所放置的位置

超详细且简单的Qt Designer设置界面背景图

打开,

选中你的所需要的背景图片就okay啦~

超详细且简单的Qt Designer设置界面背景图
超详细且简单的Qt Designer设置界面背景图

最后,背景图片就会呈现在界面的最底部~

超详细且简单的Qt Designer设置界面背景图