QSS美化之QPushButton

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

本文介绍如何使用Qt的样式表(QSS)来定制按钮的外观，包括背景颜色、边框样式等，并展示了如何设置鼠标悬停及禁用状态下的样式变化。 
（1）
QString qss0="QPushButton {\
background-color: #473C8B;\
border-style: outset;\
border-width: 2px;\
border-radius: 5px;\
border-color: #8B7355;\
font: bold 14px;\
min-width:2em;\
color:white;\
font-family:华文新魏;\
padding: 5px;\
}\
QPushButton:pressed {\
background-color: #1E90FF;\
border-style: inset;\
}";
m_startbutton->setStyleSheet(qss0);
效果图：



（2）加鼠标在上面颜色改变以及控件Disable时改变颜色：


QString qss0="QPushButton {\




background-color: #473C8B;\




border-style: outset;\




border-width: 2px;\




border-radius: 5px;\




border-color: #8B7355;\




font: bold 14px;\




min-width:2em;\




color:white;\




font-family:华文新魏;\




padding: 5px;\




}\




QPushButton:hover{\




background-color: rgb(0, 150, 0);\




}\




QPushButton:pressed {\




background-color: #1E90FF;\




border-style: inset;\




}\




QPushButton:!enabled{\




background-color: rgb(100, 100, 100);\




border-style: inset;\




}";


效果图：


鼠标移上去绿色：


                

        

    


  



    



                



	

		

			

				
					
QT c++ 样式 设置 按钮(QPushButton)的渐变色美化

				
			

			

				

					weixin_39926429的博客
				

				

					01-11
					
					1377
					
				

			

		

		

			
				
/上面几行是线性过渡色。//上面几行是线性过渡色。//指定布局属于啥组件。//指定布局包含啥组件。//on/off标志。//效果，两种状态的渐变色效果如下。]()//lambda函数。上一篇文章中描述了标签的。

			
		

	



                

            
              



	

		

			

				
					
QSS应用之QPushButton

				
			

			

				

					QtCompany的博客
				

				

					05-27
					
					578
					
				

			

		

		

			
				
选择器可以包含子控件，这些子控件可以将规则的应用程序限制为特定的小部件子控件。选择器可能包含伪状态，这些伪状态表示根据小部件的状态限制规则的应用。QCheckBox:hover:checked { color: white } 表示 当鼠标悬停 并且 该复选框被选中的时候颜色为白色。这两条规则都会应用到名为myButton的按钮上，但是他们为同一个属性设置了不同的颜色，这会有冲突。规则2：可以为同一个声明指定多个选择器，使用逗号(，)分隔选择器。规则3：声明多个属性。规则5：控件中的子控件的样式设置。

			
		

	



              


  
              

                


	

		

			

				
					
自绘QTreeView，添加QPushbutton，并用样式设置按钮，进行美化

				
			

			

				

					09-04
				

			

		

		

			
				
自绘QTreeView，添加QPushbutton，并用样式设置按钮，进行美化

			
		

	





	

		

			

				
					
QPushButton菜单样式表深度解析

					
最新发布

				
			

			

				

					软件开发领域最优质的博客
				

				

					11-15
					
					578
					
				

			

		

		

			
				
本文详细介绍了在Qt中为QPushButton实现弹出菜单的完整方法。首先展示基础实现，包括创建按钮、关联菜单和添加菜单项。然后探讨了多种进阶技巧：自定义触发方式、样式美化、动态菜单内容更新、信号处理、多级菜单、右键菜单集成、动画效果以及跨平台适配。通过示例代码演示了如何设置菜单样式表、处理用户选择、创建子菜单和添加图标，并提供性能优化建议。文章最后给出一个整合所有特性的完整示例，帮助开发者快速实现功能丰富且美观的按钮弹出菜单。

			
		

	



		

			
		



	

		

			

				
					
pyside，pyqt中QPushButton的qss美化

				
			

			

				

					一切都是热爱的结果
				

				

					02-25
					
					2945
					
				

			

		

		

			
				
按钮是任何图形用户界面中最常用的小部件。按下（或者单击）按钮以命令计算机执行某个操作或回答问题。典型的按钮是确定，应用，取消，关闭，是，否和帮助。

			
		

	





	

		

			

				
					
Qt通过QSS设置QPushButton的样式

				
			

			

				

					u013932564的专栏
				

				

					08-09
					
					1775
					
				

			

		

		

			
				
为了美化界面，有时候需要修改QPushButton的样式，让一个QPushButton上面既要显示图标，又要显示文字内容。通过qss样式便可以在一个QPushButton上面，左边显示图标，右边显示文字。QPushButton上面既显示文字又显示图标的需要。

			
		

	





	

		

			

				
					
【QSS样式表 - ⑥】：QPushButton控件样式

				
			

			

				

					Oh_Python的博客
				

				

					12-23
					
					1006
					
				

			

		

		

			
				
【代码】【QSS样式表 - ⑥】：QPushButton控件样式。

			
		

	





	

		

			

				
					
使用QSS进行Qt的UI界面美化demo

				
			

			

				

					10-24
				

			

		

		

			
				
本文将详细介绍如何使用QSS进行Qt UI界面的美化，并通过一个demo示例来展示如何实现添加背景图片和字体美化。  首先，QSS的基本概念与CSS类似。开发者可以通过编写QSS样式表来设定控件的颜色、字体、边框等属性。QSS...

			
		

	





	

		

			

          精选资源
				
					
pyqt5 qss常用美化资源包

				
			

			

				

					08-03
				

			

		

		

			
				
在使用QSS时，你可以根据描述中的提示，配合相关的QSS美化文章，学习如何将这些资源有效地融入到自己的项目中。QSS的灵活性使得你可以自定义样式，调整颜色搭配、尺寸比例，甚至添加动态效果，以实现个性化的设计...

			
		

	





	

		

			

				
					
【QT】QSS美化——基础知识_qt qss

				
			

			

				

					2401_87555477的博客
				

				

					11-04
					
					1266
					
				

			

		

		

			
				
17种标准色：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,olive, orange, purple, red, silver, teal, white, yellow。所有QFrame容器下面的QPushButton，其中要求QPushButton的直接父容器是QFrame,注意和后代选择器的区别。匹配所有flat属性是false的QPushButton实例，注意该属性可以是自定义的属性，不一定非要是类本身具有的属性。

			
		

	





	

		

			

				
					
QT-按钮风格实时渲染+QSS实时显示+QPushButton样式

				
			

			

				

					07-21
				

			

		

		

			
				
在本项目中，“QT-按钮风格实时渲染+QSS实时显示+QPushButton样式”着重展示了如何利用QT进行按钮风格的自定义设计，以及QSS（Qt StyleSheet）的应用。  首先，我们要理解QSS的概念。QSS类似于网页开发中的CSS，它是...

			
		

	





	

		

			

				
					
QT-按钮风格+QPushButton样式

				
			

			

				

					12-02
				

			

		

		

			
				
通过选择不同参数，实时渲染按钮的样式，并且实时生成QSS代码，直接使用即可达到想要的效果，很方便。。

			
		

	





	

		

			

				
					
Qt 自定义QPushButton样式表(实时生成QSS)

				
			

			

				

					11-20
				

			

		

		

			
				
源码可直接编译运行，自定义QPushButton样式，通过选择背景渐变、边框、字体、字号、鼠标移入移出切换、点击态、圆角设置等自动生成样式code，然后调用setStyleSheet()。

			
		

	





	

		

			

				
					
QT按钮类的美化

				
			

			

				

					12-05
				

			

		

		

			
				
我们都知道，QT自带的QPushButton类特效简单，尤其在做游戏的时候显得与项目格格不入，所以我们将QPushButton继承出来重写，通过enterEvent，重绘等多个函数进行美化

			
		

	





	

		

			

				
					
QPushButton的简单美化

				
			

			

				

					groundhappy的专栏
				

				

					08-04
					
					2764
					
				

			

		

		

			
				
QPushButton的美化无非是三态 以及 背景+文字的那种


1三态
在mouseEnter mouseLeave和mousePress mouseRelease里面设置标记变量同时调用 update()
在PaintEvent里面根据标记来DrawPixmap这个不多说
如果pixmap大小不对，可能要scaled一下


2QStyleSheet 变换背景颜色和文字


			
		

	





	

		

			

				
					
Qt QPushButton 按钮美化

				
			

			

				

					kanyun123的博客
				

				

					04-04
					
					7510
					
				

			

		

		

			
				
Qt 默认的QPushButton 样式是操作系统的样式,如果想要扁平化的按钮样式,最简单的是通过Qss来进行设置。
首先通过代码,设置

QPushButton::setFlat(true)

然后编辑Qss文件

QPushButton {
  background: transparent;
  border:none;
}

这里需要注意的是,除了要设置background: tr...

			
		

	





	

		

			

				
					
QPushButton样式美化

				
			

			

				

					venice0708的博客
				

				

					04-01
					
					974
					
				

			

		

		

			
				
QPushButton
{
	border-image: url(:/YxStreamClient/Resources/max_btn_normal.png);
}
 QPushButton:hover
{
	border-image: url(:/YxStreamClient/Resources/max_btn_select.png);
}
 QPushButton:pressed
{
	border-image: url(:/YxStreamClient/Resources/max_btn_norm..

			
		

	





	

		

			

				
					
QT  Pushbutton 美化

					
热门推荐

				
			

			

				

					专注的力量
				

				

					12-26
					
					1万+
					
				

			

		

		

			
				
第一篇
http://blog.youkuaiyun.com/yiyaaixuexi/article/details/6706729


第二篇
http://blog.youkuaiyun.com/yiyaaixuexi/article/details/6343337



   有很多朋友都抱怨，为什么自己使Qt做的小项目，UI那么土那么俗，方方框框，基本控件很丑，要不是Qt的跨平台，才不去学习它。

			
		

	





	

		

			

				
					
QT Pushbutton 美化

				
			

			

				

					星之河的专栏
				

				

					09-12
					
					3434
					
				

			

		

		

			
				
第一篇
http://blog.youkuaiyun.com/yiyaaixuexi/article/details/6706729


第二篇
http://blog.youkuaiyun.com/yiyaaixuexi/article/details/6343337


   有很多朋友都抱怨，为什么自己使Qt做的小项目，UI那么土那么俗，方方框框，基本控件很丑，要不是Qt的跨平台，才不去学习它。呵呵

			
		

	





	

		

			

				
					
QSS QPushButton 样式美化

				
			

			

				

					04-04
				

			

		

		

			
				
对于 QPushButton 的样式美化，可以通过设置样式表来实现。  下面是一个简单的 QPushButton 样式表示例：  ```css QPushButton {  background-color: #4CAF50;  border: none;  color: white;  padding: 10px 20px; ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值