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

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

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

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

本来,

image.png

界面如上所示。

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

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

image.png

拖动到界面上,选中在点击放置在后面的按钮

image.png

这样,list View就被置于底层

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

image.png

空白处点右键选择改变样式表

image.png

点击添加资源,选择下拉菜单第一项。

image.png

选择编辑资源,


有一个前提,你的文件里面得先包含有**.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文件了。


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

image.png

找到.qrc所放置的位置

image.png

打开,

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

image.png

image.png

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

image.png



相关文章
|
3月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
89 0
|
1月前
|
编译器
【项目开发】QT简单练习之QQ登录界面模仿
为了进一步加深对QT开发的理解,在学习完基础操作之后要进行一个简单的练习。
|
4月前
QT设置widget背景图片
该内容介绍如何在Qt中为控件添加背景图片。主要方法包括:1) 在样式表中使用`border-image`属性指定控件及其背景图片;2) 使用调色板`QPalette`设置图片,但可能导致窗口显示不下;3) 在`paintEvent`中绘制图片,适合自定义绘图但不适用于子窗口;4) 通过覆盖一个大小与窗口相同的`QLabel`来设置背景图片,可实现动态背景。推荐使用样式表设置背景,简单高效且适合子窗口。
271 3
|
3月前
|
网络协议
【qt】TCP的监听 (设置服务器IP地址和端口号)
【qt】TCP的监听 (设置服务器IP地址和端口号)
207 0
|
6月前
|
编解码 C++
Qt第一课 第一个ui界面
Qt第一课 第一个ui界面
87 2
|
6月前
|
区块链
【qt】最快的开发界面效率——混合编程3
【qt】最快的开发界面效率——混合编程
101 1
|
6月前
【qt】最快的开发界面效率——混合编程2
【qt】最快的开发界面效率——混合编程
80 1
|
6月前
【qt】设计器实现界面
【qt】设计器实现界面
52 1
|
6月前
|
搜索推荐
【qt】自定义界面类
【qt】自定义界面类
57 0
|
6月前
|
数据可视化 开发工具 C++
Qt Creator 界面
Qt Creator 界面