qt 中 设置 背景的方法

最新推荐文章于 2025-11-08 17:04:10 发布
原创 最新推荐文章于 2025-11-08 17:04:10 发布 · 4.2k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

方法一：

第一步：右键 一个 按钮，每个按钮都会有一个对应的属性框
在这里插入图片描述
第二步：找到这一栏，点击 红线标出的 位置
在这里插入图片描述
第三步：点击红线标出的 位置 选择 （ border- image) 让图片自动适应屏幕
在这里插入图片描述

之后选择你想要的图片资源就可以了

第二个方法：

  1. 右键点击改变样式表
    在这里插入图片描述

2.点击红线标出的 位置 选择 （ border- image) 让图片自动适应屏幕
在这里插入图片描述

之后选择你想要的图片资源就可以了

ps： 不过这两个方法 使用后 放入的 控件的 背景 也变成了 ui 界面的背景了

所以第三种 方法较好：


                

                
                
        

    



  


        

            

                      
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



                



	

		

			

				
					
Qt按钮是常用的用户交互组件之一，而设置按钮的背景图片则是自定义按钮样式时经常用到的功能。本文将介绍如何在Qt中设置按钮背景图片，并提供相应的源代码。

				
			

			

				

					CodeJolt的博客
				

				

					08-17
					
					728
					
				

			

		

		

			
				
在Qt中设置按钮背景图片需要用到QPushButton类的setStyleSheet()方法，该方法接受一个QString类型的参数，其中包含了CSS样式表描述的按钮样式。需要注意的是，在使用setStyleSheet()方法设置按钮样式时，我们只需要传入CSS样式表中与该按钮相关的样式，而不是整个CSS样式表。在该示例中，我们创建了一个QWidget窗口，指定了垂直布局器，创建了一个QPushButton按钮，固定了大小为200x100，设置了背景图片为。表示图片文件的路径，

			
		

	



                

            
              



	

		

			

				
					
Qt设置按钮背景图片

				
			

			

				

					cl6789的博客
				

				

					09-18
					
					2040
					
				

			

		

		

			
				
在Qt中，我们可以使用样式表来设置按钮的背景图片。通过设置背景图片，可以为按钮添加更多的个性化和美观性。下面是一个详细的步骤，演示了如何在Qt中设置按钮的背景图片。通过按照上述步骤，在Qt中设置按钮的背景图片将变得非常简单。您可以根据需要自定义按钮的样式，并为用户界面提供更加吸引人的外观。接下来，我们需要将背景图片设置为按钮的样式表。通过使用样式表，我们可以为按钮设置各种样式属性，包括背景图片。请确保将实际的按钮背景图片文件名替换为"button_bg.png"，并将按钮添加到适当的布局或窗口中。

			
		

	



              


  
              

                


	

		

			

				
					
QWidget的backgroundRole

					
最新发布

				
			

			

				

					xie__jin__cheng的博客
				

				

					11-08
					
					701
					
				

			

		

		

			
				
QWidget的backgroundRole

			
		

	





	

		

			

				
					
Qt设置背景图片方法

				
			

			

				

					yq327115059的博客
				

				

					04-20
					
					1万+
					
				

			

		

		

			
				
本文主要介绍三种Qt设置背景图片的方法：

1、QPalette

2、重写paintEvent

3、设置Qss(Qt style sheet)

1、QPalette

（1）示例


//.cpp


    this->resize(450,700);
    QPalette pa(this->palette());

    QImage img = QImage(":/img/01.jpg");
    img = img.scaled(this->size());


  

			
		

	



		

			
		



	

		

			

				
					
Qt按钮设置背景图

				
			

			

				

					lfnlook的博客
				

				

					05-17
					
					1180
					
				

			

		

		

			
				
name 按钮objectName。

			
		

	





	

		

			

				
					
在Qt中正确的设置窗体的背景图片的几种方法总结

				
			

			

				

					09-19
				

			

		

		

			
				
本文将详细介绍两种在Qt中正确设置窗体背景图片的方法。  首先，第一种方法是利用`styleSheet`来设置背景图片。`styleSheet`是Qt提供的一种CSS（层叠样式表）风格的语法，允许开发者通过字符串来定义界面元素的样式...

			
		

	





	

		

			

				
					
在Qt中设置窗体背景颜色及透明度的方法

				
			

			

				

					liitdar的博客
				

				

					01-03
					
					1万+
					
				

			

		

		

			
				
本文主要介绍在Qt中设置窗体背景颜色及透明度的方法。

			
		

	





	

		

			

				
					
Qt之设置QLabel的背景色和前景色

				
			

			

				

					草上爬的博客
				

				

					01-03
					
					8994
					
				

			

		

		

			
				
Qt之设置QLabel的背景色和前景色：方法有两种，一种是使用调色板，一种是使用样式表。

			
		

	





	

		

			

				
					
QtWidgets.QPushButton()设置背景图片

				
			

			

				

					许浑的博客
				

				

					02-24
					
					1万+
					
				

			

		

		

			
				
目录

QPushButton使用setStyleSheet设置背景图片

和css一样设置setStyleSheet

转载：pyqt5实现按钮添加背景图片以及背景图片的切换

QPushButton使用setStyleSheet设置背景图片

具体设置背景图片的方法有两种：


self.button.setStyleSheet("QPushButton{background-image: u...

			
		

	





	

		

			

				
					
Qt 学习笔记：Qt 中设置背景图片的方法

				
			

			

				

					DevNinja的博客
				

				

					09-18
					
					3624
					
				

			

		

		

			
				
Qt 提供了强大的样式表机制，可以通过样式表来设置控件的外观和风格，包括背景图片。然后，创建了一个新的 QLabel 控件，并将其父控件设置为你想要设置背景图片的小部件。另一种设置背景图片的方法是通过重写小部件的绘制事件，并在其中绘制背景图片。函数设置 QLabel 的位置和大小，使其覆盖整个小部件的区域。函数，我们将 QLabel 放置在小部件的底层，以确保其他控件在其上方。在这个示例中，我们首先指定了背景图片的路径，将其存储在。在这个示例中，我们首先指定了背景图片的路径，将其存储在。

			
		

	





	

		

			

				
					
Qt 设置背景图片3种方法（三种方法：QPalette调色板，paintEvent，QSS）

				
			

			

				

					Jane_Yih的博客
				

				

					01-18
					
					6304
					
				

			

		

		

			
				
设置较多的是背景色与图标，QSS中使用background或者background-color的方式可以实现背景色的设置，图标则可以使用setPixmap或者setIcon来设置！（2）设置背景范围的时候如果需要充满整个窗口最好使用this->rect()，因为我看到很多人在使用QRect(0, 0, 400, 400)之类的语句，那么如果窗口大小改变了呢？因为窗口使用QSS设置背景之后，若子部件不使用同样的方式来设置，默认则会继承父窗口的样式。）的使用不想多说，一般我不用QSS设置窗口背景，

			
		

	





	

		

			

				
					
QT设置背景图片以及设置按钮

				
			

			

				

					qq_40146519的博客
				

				

					08-14
					
					1万+
					
				

			

		

		

			
				
1.Qt设置背景图片

         ①。设置UI窗口背景图片，需要在构造函数中添加以下代码：         this-> setAutoFillBackground（true）;          QPalette palette = this-> palette（）;

         Palette.setBrush（Qpalette ::窗口，QBrush（QPixma...

			
		

	





	

		

			

				
					
qt给pushbutton设置背景图片并自适应

				
			

			

				

					qq_72583325的博客
				

				

					08-14
					
					3681
					
				

			

		

		

			
				
思路是通过QPushbutton的样式表设置。

			
		

	





	

		

			

				
					
Qt QPushButton背景图片

				
			

			

				

					weixin_44788175的博客
				

				

					06-03
					
					6352
					
				

			

		

		

			
				
使用控件显示图片缩略图，当点击控件时，弹出窗口显示完整的图片

			
		

	





	

		

			

				
					
Qt之按钮添加背景图片的几种方法

				
			

			

				

					zhangxiaio1的博客
				

				

					08-31
					
					8443
					
				

			

		

		

			
				
注意：图片必须被添加到项目的资源文件中
1、通过UI界面添加，找到样式表（stylesheet）选项，点进去选择添加资源，这里有三个选项，分别是backgound-image、border-image 、image
backgound-image 在CSS 样式中的解释为：background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
border-image 属性是一个简写属性，用于设

			
		

	





	

		

			

				
					
Qt如何给一个button，悬浮 、按下设置不同的背景图

				
			

			

				

					u012377293的专栏
				

				

					09-28
					
					1875
					
				

			

		

		

			
				
QPushButton *pButton= new QPushButton();
QString styleSheet = QString("QPushButton{background:url(%1); background-color:transparent;border: none; }" //正常
  "QPushButton:hover{background:url(%2); background-color:transparent; }" //滑过
  "QPushB...

			
		

	





	

		

			

				
					
Qt designer添加按钮样式及更改背景图片

					
热门推荐

				
			

			

				

					liu0yun的博客
				

				

					01-02
					
					2万+
					
				

			

		

		

			
				
一、添加按钮样式

1、右击button,选择 改变样式表，如下图所示在弹框中填入相应CSS代码（与html按钮css代码相同）



其中，QPushuButton为按钮的类名，如下图所示，可在右上角对象查看器中查看（注意是类名，而不是对象名）



二、更改背景图片

1、新建后缀为   .qrc的文件（如pic.qrc），文件下写入如下内容：

<RCC>
  <qreso...

			
		

	





	

		

			

				
					
Qt Qss 设置QPushButton图标和背景

				
			

			

				

					QtCompany的博客
				

				

					05-31
					
					1744
					
				

			

		

		

			
				
background-repeat: 这个属性是设置如何重复背景图像。background-position:这个属性是设置背景图片的位置。背景图像将在垂直方向和水平方向重复。背景图像将在水平方向重复。背景图像将在垂直方向重复。背景图像将仅显示一次。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
落春只在无意间

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值