QT的background-image border-image image

已于 2022-05-07 15:14:53 修改
阅读量2.7k 收藏 17
点赞数 7
分类专栏： Qt 文章标签： qt 开发语言
于 2020-09-09 10:39:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42470290/article/details/108483583
版权

background-image :

只根据图片资源的大小，不按照控件的大小，相对于控件坐标（0，0）开始，资源比控件大：裁剪掉后面多余的一部分，资源比控件小，多出的控件控件再填资源。

border-image:

它会根据控件的大小自行比例变化填满整个控件

image：

我只能说是资源等比例的缩小（为什么写缩小*^* ,因为下面的资源<控件很明显了吧）

懂了的同学在下面扣个1，哈哈

入坑QT
关注
  • 7
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
QT使用border-image实现9宫格效果
08-15
在QT上使用border-image实现类似Android 9patch的效果。
fsl-image-qt5-v1.2.tar.bz2
09-09
fsl-image-qt5-v1.2.tar
Qt-ImageEditor
06-16
一个简单的 Qt 应用程序，可以进行基本的图像编辑
css3图片边框border-image的用法
09-27
在CSS3里引入的很多新特征中，这篇文章主要介绍了css3图片边框border-image的用法,具有一定的参考价值，有兴趣的可以了解一下
Qt5-ImageViewer:Qt5 中的简单图像查看器
06-21
Qt5-ImageViewer Qt5 中的简单图像查看器 练习 1. 高级操作系统 - ULL
Qt QSS的几种图片显示方式
while(1) { smile(); }
06-10 1万+
大家在使用QSS进行图片设置时，一定被image, border-image, background-image这几个属性困扰过。比如他们之间有什么区别，什么时候该用哪个属性来设置等等。本文就来讲解一下这个几个属性的异同点。 在讲解之前需要大家对Qt的盒子模型有所了解，建议大家先阅读一下《Qt QSS使用》文章中关于盒子模型的部分。 一、background-image background-image按图片实际尺寸显示，超过控件部分会被裁剪，虽能显示SVG，但无法对SVG进行无损缩放； 关于backgr
CSS3教程:border-image属性
L315028140的专栏
07-28 1866
CSS3教程:border-image属性 一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏
QT backgound-image 与 bord-image
li235456789的专栏
01-28 8273
QT 的样式叫QSS HTML中称为CSS样式。 backgound-image 在CSS 样式中的解释为： background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。 默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 border-image 在CSS样式中解释为： bo
Qt QSS中 background-image，border-image，以及image属性差别
如梦人身
11-28 3133
QSS中 background-image，border-image，以及image属性差别
background qt 设置平铺_QT背景图设置4种方法总结对比
weixin_33209661的博客
02-23 5333
自己开发了一个股票智能分析软件，功能很强大，需要的点击下面的链接获取：1.Qss 的setStyleSheet设置背景图片1.1background-image设置平铺或者居中这种方法设置的要点是要将图片添加到qrc文件中，形成资源路径，然后在QT界面编辑或者程序代码中通过设置路径来实现背景图片设置。图片大小不能自适应控件大小。只能可以实现平铺或者居中显示。background-position:...
5.[QT | background-image]背景图片重复
ouhaha的博客
07-19 1746
问题 background-image出现的图片重复 方法 既正确显示图片，还能对边框属性进行设置 background-repeat:no-repeat; //不重复 background-position:center; //在中心位置显示插入代码片 其中background-image:url();//平铺 border-image：url();//拉伸填充 ...
Qt背景图片设置四种方法对比总结
baochunlei1的博客
09-21 1万+
自己开发了一个股票智能分析软件，功能很强大，需要的点击下面的链接获取： https://www.cnblogs.com/bclshuai/p/11380657.html 1.Qss 的setStyleSheet设置背景图片 1.1background-image设置平铺或者居中 　　这种方法设置的要点是要将图片添加到qrc文件中，形成资源路径，然后在QT界面编辑或者程序代码中通过设置路径来实现背景图片设置。图片大小不能自适应控件大小。只能可以实现平铺或者居中显示。background-posi.
Qt的主窗口背景设置
热门推荐
yinchengkai的博客
04-09 3万+
主界面设置背景一般有设置背景图片和背景颜色的需求，其实二者之间设置方法类似 目录 主界面设置背景一般有设置背景图片和背景颜色的需求，其实二者之间设置方法类似 方法一：最简单的方式是通过ui界面来设置，例如设置背景图片 方法二 ：通过代码设置窗口的palette属性来实现 方法三：通过重写paintEvent事件，来设置背景图片和背景颜色 方法四：通过代码中设置样式表，其与方法一类似 首先说明一下background-image、border-image、image三种区别 backgroun
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 Style Sheets 之 border-image
mycoolx的专栏
08-25 1万+
Qt Style Sheets 之 border-image 每次根据Qt文档说明使用border-image装饰界面时，经常因为忘了设置border属性导至有边框的装饰图片产生细节问题。每次都花费一定的时间来反复尝试来解决细节问题。记录这篇文章来避免因忘记处理方式而反复尝试而花费不必要的时间。 在复用png边框图片装饰不同大小的QPushButton或其他Qt控件时，背景图片的边框有一定的宽
学习Qss--背景属性
贝勒里恩的博客
06-18 6603
文章目录一、background-color二、background-image三、background-repeat四、background-position五、background-attachment六、background-clip七、background-origin八、背景属性的连写格式 属性即控件的具体外观样式，比如背景颜色，边框宽度等等。 注意：一个属性并不是被所有widget都支持的，要想查看什么widget支持哪些属性，或一个属性被哪些widget支持，请查看官方文档。 一、backg
【Qt专栏】Qt样式表入门三：介绍属性
weixin_43729127的博客
10-15 1767
一学就会，一用绝不废
Qt - Border Image
weixin_45079970的博客
04-20 748
前面我们学习过的和修改背景相关的知识有 background-image，如果背景图和按钮一样大时使用 background-image 没有任何问题，但是当按钮和背景图不一样大时，背景图要么显示不全，要么重复平铺到按钮上，显然满足不了这里的需求。Border-Image 从名字上看，像是用来图片来设置 border 的，其实是用图片来设置整个 widget 的背景的，我曾经就被这个名字迷惑过。背景图中 最上面的 12px 高的图像 填充到 Widget 的 border-top。四个数字按顺序分别为。
background qt 设置平铺_Qt中关于background、background-image和border-image的学习和记录
weixin_39603469的博客
01-17 643
设置背景图已知有三种方法background:url();//平铺background-image:url();//平铺border-image：url();//拉伸填充其中第一种方法可以直接在尾部添加no-repeat阻止图片平铺；第二种则需要添加background-repeat语句：background:url() no-repeat;//阻止平铺backgroundimage:url();...
qt background-image和border-image区别
最新发布
05-25
在Qt中，background-image和border-image都是用来设置控件背景的属性，但它们的作用略有不同。 1. background-image属性 background-image属性是用来设置控件的背景图片，可以使用一个本地或者网络上的图片作为控件背景。这个属性通常用于设置控件的背景，如窗口、按钮、标签等。 2. border-image属性 border-image属性是用来设置控件的边框图片，可以使用一个本地或者网络上的图片作为控件的边框。这个属性通常用于设置控件的边框，如按钮、文本框、进度条等。 总的来说，background-image和border-image属性都是用来设置控件的背景图片，但是background-image属性是用来设置控件的背景，而border-image属性是用来设置控件的边框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值