本文介绍了在Qt界面开发中如何添加和使用图片资源，包括通过UI界面设置背景图像、利用QPixmap、QBitmap、QIcon进行图片显示，以及通过QLabel的样式表调整图片展示。重点讲解了background-image属性和border-image属性的用法，以及如何通过样式表使图片适应按钮大小。同时，提到了图片与文本在按钮上的布局方式。
注意：图片必须被添加到项目的资源文件中
1、通过UI界面添加，找到样式表（stylesheet）选项，点进去选择添加资源，这里有三个选项，分别是backgound-image、border-image 、image
backgound-image 在CSS 样式中的解释为：background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
border-image 属性是一个简写属性，用于设置以下属性：
border-image-source //用在边框的图片的路径。
border-image-slice //图片边框向内偏移。
border-image-width //图片边框的宽度。
border-image-outset //边框图像区域超出边框的量。
border-image-repeat //图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
如果省略值，会设置其默认值。
参考：
https://blog.csdn.net/li235456789/article/details/50597297
2、利用QPixmap、QBitmap、QIcon三个类
过程基本上都类似，首先创建对象，加载，然后调用按钮的内设置。区别在大小模式
设置图片的几种情况，
1），如果按钮上有文本的话，图片和文本将共同占据按钮的位置
2），默认情况下，以按钮的大小为基准窗口来显示图片，可以通过，按钮类的setFixSize来设置大小按钮的大小，使之和图片的大小一样。
3），如何让图片适应窗口的大小？这里看到几种说法，第一，一般不改变图片的大小，因为图片伸缩后会变的难看。第二，如果确实需要的话可以将图片大小和按钮的大小都固定来实现，也可以通过样式表的border-image来实现(ui->pushButton_pi->setStyleSheet(“border-image:url(:/new/prefix1/pi.png)”)😉
3、利用Qlabel的样式表，但是实际上和第一种方法类似
https://www.cnblogs.com/zhangdewang/p/10142997.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
