自绘平铺背景 - 使用QT实现

使用QT框架自绘平铺背景

最新推荐文章于 2025-05-19 09:00:00 发布

CodeJolt

最新推荐文章于 2025-05-19 09:00:00 发布

阅读量272

点赞数

CC 4.0 BY-SA版权

文章标签： qt 开发语言 QT

本文链接：https://blog.youkuaiyun.com/CodeJolt/article/details/133000379

QT 专栏收录该内容

131 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在QT应用程序中实现自定义平铺背景。通过创建自定义窗口类，重写paintEvent函数，使用QPainter和QBrush对象，可以实现使用图像平铺填充整个窗口的效果。详细步骤包括设置窗口属性、加载背景图像、缩放图像以及绘制矩形。这个方法有助于为QT应用创建独特且吸引人的用户界面。

在QT应用程序中，为了创建具有吸引力和个性化外观的用户界面，我们经常需要自定义背景。一种常见的方法是使用平铺背景，即通过重复绘制一个小的背景图案来填充整个窗口。本文将介绍如何使用QT框架来实现自绘平铺背景。

首先，我们需要创建一个新的QT应用程序，并设置窗口的背景为自定义图案。在QT中，我们可以使用QPainter类来进行绘图操作。下面是一个示例的QT应用程序代码，其中包含了绘制自定义平铺背景的关键部分：

#include <QApplication>
#include <QMainWindow>
#include

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodeJolt

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

基于Qt的平铺背景绘制

ByteWhizX的博客

08-31

235

需要注意的是，我们使用了event->size()获取了当前窗口的大小，以便在resizeEvent事件中实时更新背景图片的尺寸。在Qt中，我们可以很容易地实现各种复杂的界面效果，包括平铺背景效果。在使用上述代码时，需要将一张名为“bg.png”的图片添加到Qt项目中，并在资源文件.qrc中进行声明。首先，需要在Qt中创建一个新的QWidget类，用作我们的主窗口界面。接下来，我们还需要重写窗口的resizeEvent事件，以便在窗口大小发生变化时重新计算背景图片的尺寸，并进行平铺。

QT实战-常见功能实现-精进篇

kevin的博客

12-20

1992

Qt版本:5.9.1 ----- 0.如何设置所有按钮全局统一样式，如soui那样的？如取消所有按钮默认样式 [ //全局设置,取消按钮默认样式 this->setStyleSheet("QPushButton \ {\ border: none;\ background-color: transparent;\ ...

参与评论您还未登录，请先登录后发表或查看评论

Qt背景图片填充、适应、拉伸、平铺、居中效果

canlynetsky的博客

04-20

6841

背景图片在windows设置里有填充（按宽高都填满窗口，多余部分溢出隐藏）、适应（宽高适应窗口，缺少的部分用背景色填充）、拉伸（将图片宽高拉伸至窗口宽高，可能变形）、平铺（左上角绘制图形，一直到绘制满窗口为止）、居中（将图片绘制到窗口正中，如果图片比窗口小，用背景色填充）。在Qt里，我今天在查找到一篇文章后，得以实现，后来进行了改进，都用QImage做到了，这样就与文件的磁盘路径脱钩，可以做到将...

Qt中设置背景图，防止平铺

SuperYu的博客

04-07

3141

Qt中设置控件背景图防止平铺错误设置背景图正确设置背景图思考：错误设置背景图我在最近项目里面设置QMdiArea控件背景图时，想要将背景图设置为单个不重复平铺的状态；一顿操作后，代码和效果如下 QPixmap bgPix(":/images/logo.png"); mdiArea->setBackground(QBrush(bgPix)); 真的是一顿操作猛如虎，结果得分0：5。正确...

Qt QWidget平铺背景

温故而知新

01-21

1788

Qt QWidget 平铺背景效果图实现方式效果图实现方式设置窗口的样式表 ui->widget->setStyleSheet("QWidget{" "background-image:url(:/image/bg.jpg);" "}"); 默认就是平铺，不需要进行多余设置。 bg.jpg图片：这种图片可以自己写代码生成： QPixmap out_pix(64,64); QPainter pix_painter(&out_pix); QCol

QT实现背景图片多种填充方式：居中、平铺、缩放、拉伸

最新发布

weixin_43484713的博客

05-19

1140

QPainter是Qt中用于2D绘图的核心类，提供了丰富的API来绘制基本几何图形、文本和复杂路径。其核心功能包括绘制点、线、矩形、椭圆等基本图形，以及文本渲染和字体设置。QPainter还支持画笔和画刷的设置，用于控制图形的轮廓和填充样式。此外，QPainter提供了坐标变换功能，如平移、缩放、旋转和错切，并支持保存和恢复绘图状态。Qt的坐标系统采用笛卡尔坐标系，支持逻辑坐标与物理坐标的自动转换。绘图设备类型包括QWidget、QPixmap、QImage等，适用于不同的绘图场景。

background qt 设置平铺_QT背景图设置4种方法总结对比

weixin_33209661的博客

02-23

5873

自己开发了一个股票智能分析软件，功能很强大，需要的点击下面的链接获取：1.Qss 的setStyleSheet设置背景图片1.1background-image设置平铺或者居中这种方法设置的要点是要将图片添加到qrc文件中，形成资源路径，然后在QT界面编辑或者程序代码中通过设置路径来实现背景图片设置。图片大小不能自适应控件大小。只能可以实现平铺或者居中显示。background-position:...

03-31

04-08

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

车手只需要车和手，压力来自轮胎

06-10

2万+

---------------------------------------------------------- 这里介绍的主要是一种放置界面底层的背景图方式首先，先新建一个框，并填充你所需要的一些元件，这里就用我近期的一个小项目吧；本来，界面如上所示。想要背景图片不被引用到元件的背景图上，我们在这里运用一个list View的元件拖动到界面上，选中在点击放置在后面的按钮这样，list View就被置于底层了然后，将其放大占满所有区域，由你定吧。空白处点右键选择改变样式表，

background qt 设置平铺_Qt: 给Widget设置背景图片

weixin_34540485的博客

01-17

1089

Qt: 给Widget设置背景图片结合网上多篇资料整理如下，给自己和别人一个参考方法一：1.在要换背景的类的构造函数中装载一个图片，变量要为全局的，接下来会用到_image.load("image/image_background"); setAutoFillBackground(true); // 这个属性一定要设置 QPalette pal(palette()); pal...

background qt 设置平铺_background 背景

weixin_39902085的博客

11-29

505

关于CSS的背景属性，我们可以从下面几个方面来进行相关了解：background-color，设置元素背景颜色background-image，设置背景图像，默认值为 nonebackground-repeat，设置背景图像是否及如何重复 background-position，设置背景图像的起始位置 background，上面属性的简写属性设置背景颜色为红色：h1{background-colo...

PYQT5中QT Designer设置界面、按钮等背景图

qq_51511878的博客

04-11

3441

超级简单的新手教程。

Qt Designer设置背景图片、颜色不影响其它组件小技巧，控件层级设置，组件的继承，styleSheet设置样式。

小蓝枣的博客

03-21

1万+

如果正常设置背景的话其它的组件都会产生变化。这是因为组件的继承。最开始的面板就是父类，我们新增加的组件就是子类，默认都是继承的。继承也有继承的好处。比如，我想统一所有的字体样式，然后就设置父类的字体样式就好了。

2021-09-09 qt（QTdesigner和QTCreator）给按钮填充显示

weixin的博客

09-09

3615

qt 多种按钮本节主讲toolbutton按钮， 1.给按钮添加图片第一步：图片从哪里来？首先在资源浏览器中添加你要用的图片点击资源管理器的铅笔图标，新建资源是一个.qrc文件；不建议自己写.qrc文件；新建前缀/路径：可以直接选择“添加文件”，选择你本地存的图片；然后点击ok就好了。这就是在资源浏览器中添加图片的效果；第二部：在toolbutton中添加图片从qt组件列表中选中toolbutton按钮，拖入主窗口中，并选中按钮，此时可以在属性编辑器中设置相关属性，由于本节主讲按钮

pyqt6 使用Qt Designer给widget添加背景图片，解决添加图片后四边有空白

fenggege66的博客

01-05

2908

在右侧的"Property Editor"中找到"styleSheet"属性。如果仍然存在空白，可以调整widget的大小、布局或其他属性来适应背景图片。单击"..."按钮或直接在"styleSheet"属性框中编辑样式表。在Qt Designer中，选择包含背景图片的widget。请将"背景图片的路径"替换为实际图片的路径。希望这可以帮助你去掉背景图片四边的空白。

qt子窗口背景图片平铺

02-12

### 实现 Qt 子窗口背景图片平铺为了在 Qt 中实现子窗口背景图片的平铺效果，可以通过重写 `paintEvent` 函数并使用 `drawTiledPixmap` 方法来完成这一目标[^3]。具体来说，在自定义的小部件类中重新实现 `paintEvent` 函数。在这个函数内部调用 `QPainter::drawTiledPixmap` 来绘制平铺后的图像。下面是一个简单的例子： ```cpp #include <QWidget> #include <QPaintEvent> #include <QPainter> class TiledBackgroundWidget : public QWidget { protected: void paintEvent(QPaintEvent *event) override { Q_UNUSED(event); QPainter painter(this); QPixmap pixmap(":/path/to/your/image.png"); // 使用 drawTiledPixmap 进行平铺绘制 painter.drawTiledPixmap(rect(), pixmap); } }; ``` 此代码片段展示了如何创建一个新的小部件类 `TiledBackgroundWidget` 并在其内定义了 `paintEvent` 函数用于处理绘图逻辑。每当该控件需要更新其显示内容时就会触发这个事件处理器，并在此处执行实际的绘画操作——即在整个组件范围内重复铺设指定图案文件中的图形直到填满整个区域为止[^4]。需要注意的是这种方法适用于任何类型的顶级或嵌套容器型 widget，因此非常适合用来作为子窗口的一部分来进行样式定制。