Qt控件背景图片自适应

最新推荐文章于 2024-06-06 14:04:02 发布
最新推荐文章于 2024-06-06 14:04:02 发布
阅读量7.5k 收藏 23
点赞数 10
分类专栏： QT 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22642239/article/details/120545823
版权
博客讲述了在QT中遇到控件背景图显示不全的问题，通过对比background-image和border-image属性，发现使用border-image可以自动适应控件大小，解决了背景图片显示不完整的问题。示例代码展示了如何应用border-image实现背景图设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一.问题

最近在使用QT控件背景图时遇见一个问题，因为接触QT时间较短，添加背景图就使用了

background-image 

来设置背景图片，但是当背景图尺寸与控件尺寸不同时，就会出现，控件背景图显示的是多个要设置的图片，或者是没有显示完整。

二.解决方法

使用border-image来设置图片背景，因为border-image会自动适应控件大小，并且设置为背景图

border-image

如果同时指定了两个属性，那么将会使用border-image 绘制覆盖掉background-image。

简单使用例子如下：

 

QT 背景自适应大小并且不影响其他对象
Dian0dian0的博客
04-15 1211
在ui界面实际设置stylesheet，设置背景，然后所有的对象的背景都会变成一样买这个歌方法不会，而且简单。 头文件：（自己区分一下，有些没有必要） #include "ui_search_pag.h" #include <QApplication> #include<QFile> #include<QDebug> #include<Q...
QT QLabel加载图片等比全屏自适应屏幕大小显示
最新发布
cpp_learner的博客
02-18 1288
QLabel鼠标触发点击信号后，图片全屏等比显示；
qt自适应图片
jerry的博客
06-06 1119
通过在代码中重写painter实现，先留个地方，晚点回来写。
qt的stylesheet中如何设置属性使背景图自动调整来适应控件的大小
学而不思则罔
04-11 1万+
A background-image does not scale with the size of the widget. To provide a "skin" or background that scales along with the widget size, one must use border-image. Since the border-image property prov
Qt之主窗口背景图片动态拉伸
04-08
Qt之主窗口背景图片动态拉伸
Qt Designer 设计PyQt5界面时自适应设置
05-07 8471
最近在学习PyQt5，学习推荐知乎专栏PyQt5图形界面编程 主要是有Gif看他们是怎么用Qt Designer 设计的。 今天遇到了一个问题，就是在使用布局的时候，一直没有找到自适应选项。就是如果背景缩小时，前面的控件会被遮住，如下图右边： 最终找到这篇文章，有了思路Qt Creator 窗体控件自适应窗口大小布局 1. 全局自适应 在空白的地方点击右键》布局》垂直布局， 不过参...
Qt 界面上字体自适应控件大小 - 随控件缩放
05-16
Qt控件自适应字体大小可以用`adjustSize()`函数，但字体自适应控件大小并没有现成的函数可调. - 本资源实现了按钮上的字体随按钮大小变化而变化 (如上图所示) - 其他控件同理。 - 核心思路：`根据控件的大小变化，...
QT widget控件自适应窗口大小，修改比例
04-22
在描述中提到的"QT widget控件自适应窗口大小，修改比例"，主要涉及到以下两个方面： 1. **控件自适应窗口大小**：这通常通过设置控件的`sizePolicy`属性来实现。`QSizePolicy`类定义了控件在尺寸变化时的行为。你...
QT 窗体、控件、字体自适应分辨率
10-28
"QT 窗体、控件、字体自适应分辨率"这一主题聚焦于如何使应用程序在不同分辨率的显示器上保持良好的显示效果。 在QT中，窗体（QMainWindow或QWidget）和控件（如QPushButton、QLabel等）的大小调整可以通过多种方式...
Qt 界面上控件自适应窗体大小 - 随窗体缩放
热门推荐
做减求空
05-22 1万+
添加布局，设置控件的`minimumSize`、`maximumSize`和`sizePolicy`可以使其跟随窗体进行自适应缩放 - 如上图所示。
QT控件自适应布局
weixin_43646126的博客
09-01 2343
在Qt中，窗口里面用来布局的控件主要通过以下途径： layouts方式 通过选择以上四种不同选项，形成不同的Layout风格常见如下。 水平布局： 垂直布局 还有栅格布局。实际操作中当我们把所有部件布局完成后可能是这个样子的 或者这个样子的 部件尺寸大小不一，间距及位置错乱。而且程序运行后随着窗口的变化，部件大小及彼此间的协调不成比例，影响美观。 首先我们可以利用layout的属性调节部件及布局之间的尺寸比例。 如上所示，每个布局属性包括layout之间的空隙设置如 layoutLeftMarg
QT 添加背景图像并图像自适应窗口大小
Chasing_Chasing的博客
04-04 1万+
时间：2019-04-04 背景：这段时间由于项目比较闲，所以前来开发一个QT工具供以后使用，由于个人有“完美追求”因此偏要给工具加上一个漂亮的图像背景。 问题：参考网上许多关于QPalette+QPixmap 或者 用stylesheet实现添加背景图像的，但却未能找到能够图像自适应窗口大小的方式，为此特地拿出来后面找到的QPalette +QImage方式实现添加背景图像，又能自适应大小...
qt调用图片并自适应界面大小显示
kbq的博客
06-24 7885
记录qt使用图片打开、查看和关闭等操作 实现点击按键，打开选择的指定位置图片，有缩放显示，并可以点击放大按键放大图片，放大后图片自适应电脑窗口大小，大于窗口尺寸会根据最大宽和高缩放，小于窗口尺寸就按原比例居中显示出来。温故而知新。
CSS样式背景图片的自适应
TYD0313的博客
10-27 1万+
css背景图片自适应
QT的background-image border-image image
weixin_42470290的博客
09-09 2967
background-image : 只根据图片资源的大小，不按照控件的大小，相对于控件坐标（0，0）开始，资源比控件大：裁剪掉后面多余的一部分，资源比控件小，多出的控件控件再填资源。 border-image: 它会根据控件的大小自行比例变化填满整个控件 image： 我只能说是资源等比例的缩小（为什么写缩小*^* ,因为下面的资源<控件很明显了吧） 懂了的同学在下面扣个1，哈哈 ...
Qt5 GUI界面设计（背景图片，自适应大小、密码回显模式）
m0_73245994的博客
04-25 961
窗口有放大功能，我们发现，当放大窗口的时候，控件的大小和位置并不会改变。所以有必要让控件也能随着窗口缩放。它自适应的实现主要是计算比例系数，然后让控件的位置和大小乘以相应的比例系数，来调整它们与窗口大小的新比例匹配。该功能实现主要直接用了Qt提供的接口函数setEchoMode，让密码显示为●●●●。自适应的实现是让背景图片的长等于窗口的长，背景图片的宽等于窗口的宽。1、背景图片添加并使其自适应窗口大小。2、使控件自适应大小。3、密码回显模式设置。
background qt 设置平铺_Qt中关于background、background-image和border-image的学习和记录
weixin_39603469的博客
01-17 769
设置背景图已知有三种方法background:url();//平铺background-image:url();//平铺border-image：url();//拉伸填充其中第一种方法可以直接在尾部添加no-repeat阻止图片平铺；第二种则需要添加background-repeat语句：background:url() no-repeat;//阻止平铺backgroundimage:url();...
QT backgound-image 与 bord-image
li235456789的专栏
01-28 8831
QT 的样式叫QSS HTML中称为CSS样式。 backgound-image 在CSS 样式中的解释为： background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。 默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 border-image 在CSS样式中解释为： bo
qt creator 窗口添加背景图片 图片自适应大小
11-10
Qt Creator 是一个集成开发环境 (IDE)，主要用于开发基于 Qt 的应用程序，它本身并不直接支持窗口添加背景图片并使其自动适应大小的功能。但是，你可以通过编写 Qt 应用程序代码来实现这个需求。在 Qt 中，你可以使用 `QMainWindow` 或者 `QWidget` 类，并结合 `setStyleSheet()` 函数来设置窗口的样式。 例如，创建一个自适应背景图片的窗口，可以在 `.ui` 文件中设置窗口的基本布局，然后在对应的 `.cpp` 文件中编写如下的代码： ```cpp #include <QMainWindow> #include <QApplication> #include <QImage> #include <QStyleHints> class MainWindow : public QMainWindow { Q_OBJECT public: explicit MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) { // 设置窗口背景图片 QImage background("background_image.png"); if (!background.isNull()) { this->setStyleSheet( "background-image: url(:/" + background.fileName() + ");" "background-size: cover;" "background-position: center;" "border: none;"); } // 使用 QStyleHints 自适应窗口大小 QStyleHints::setGeometryChangeHints(this, QStyleHints::SuggestedSize); } private slots: // ...其他槽函数... }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MainWindow window; window.show(); return app.exec(); } ``` 在这个例子中，我们首先加载背景图片，然后将其作为窗口背景，设置了 `cover` 布局策略让图片填充整个窗口，`center` 坐标对齐图片。`QStyleHints::setGeometryChangeHints` 则允许窗口根据内容自适应大小。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值