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

----------------------------------------------------------

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

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

本来,
超详细!超简单的Qt Designer设置界面背景图~~~_第1张图片
界面如上所示。

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

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

超详细!超简单的Qt Designer设置界面背景图~~~_第2张图片
拖动到界面上,选中在点击放置在后面的按钮

超详细!超简单的Qt Designer设置界面背景图~~~_第3张图片

这样,list View就被置于底层

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

超详细!超简单的Qt Designer设置界面背景图~~~_第4张图片
空白处点右键选择改变样式表

超详细!超简单的Qt Designer设置界面背景图~~~_第5张图片
点击添加资源,选择下拉菜单第一项。

超详细!超简单的Qt Designer设置界面背景图~~~_第6张图片
选择编辑资源

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

-----------------------补充前提------------------------

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

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

</qresource>
</RCC>

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

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

-------------------------------------------------------------

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

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

超详细!超简单的Qt Designer设置界面背景图~~~_第7张图片

找到.qrc所放置的位置

超详细!超简单的Qt Designer设置界面背景图~~~_第8张图片
打开,

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

超详细!超简单的Qt Designer设置界面背景图~~~_第9张图片
超详细!超简单的Qt Designer设置界面背景图~~~_第10张图片
最后,背景图片就会呈现在界面的最底部~

Duang~

是不是超简单~!
你学会啦吗?

"

我爱着自己失落的存在

我不完美的本质

我白银的敲击和我永恒的失去。

"

❤️

浅析Qt Designer设置界面背景-运用PyCharm中把pyrcc5将.qrc转换为.py存在的一些问题

【纯·干货】你会用到的论文小助手,不定期持续更新中~

你可能感兴趣的:(Experience,Sharing,Python,python,qt,界面设计,qt5,经验分享)