QSS美化之QGroupBox

最新推荐文章于 2024-05-21 14:55:40 发布
最新推荐文章于 2024-05-21 14:55:40 发布
阅读量1w 收藏 11
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014746838/article/details/73479770
版权 
QString qss1="QGroupBox {\
border: 2px solid #0000EE;\
border-radius: 5px;\
margin-top: 1ex; \
font-family:仿宋;\
font:blod 14px;\
}\
QGroupBox::title {\
subcontrol-origin: margin;\
subcontrol-position: top center;\
padding: 0 3px;\
}";
 

QString qss2="QLabel{\
 

padding: 2px;\
 

font-family:华文新魏;\
 

color:white;\
 

font:bold 16px;\
 

}";
 

 

 m_BlackGroupBox->setStyleSheet(qss1);
 

 
 


                

        

        

    




    

      

        

            

              
                
                  草莓蛋糕人
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    4
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    11
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
如何直接在Qt Designer中修改groupBox的标题文字大小、颜色和背景颜色（利用“改变样式表”）

				
			

			

				

					weixin_67485190的博客
				

				

					12-17
					
					2064
					
				

			

		

		

			
				
Qt Designer如何设置GroupBox的标题字体大小，不改变其他字体  ——look_wang。链接：http://t.csdnimg.cn/TpJnZ。

			
		

	



                

              
                



	

		

			

				
					
Qt之QSS：带CheckBox的QGroupBox及其样式设计

				
			

			

				

					YBAdiam的博客
				

				

					06-06
					
					6708
					
				

			

		

		

			
				
前言

在引入QGroupBox的QSS时，会出现下图中的三种问题，导致界面显示极其丑陋。所以要改变QSS设置使界面更bf~




图a 左边显示问题






图b 标题下沉问题


图c 不对称

下面是两个方式改变QSS让界面更加舒服~ 顺便在原生QGroupBox基础上添加了checkBox来实现功能。



一、QSS设置

  普通的QGroupBox是不带Chec...

			
		

	



                


  
              

                


	

		

			

				
					
【Qt】界面组织大师：Qt中的容器控件QGroupBox与QTabWidget

				
			

			

				

					Colorful___的博客
				

				

					05-21
					
					945
					
				

			

		

		

			
				
在GUI（图形用户界面）设计中，良好的组织和布局是提升用户体验的关键因素之一。Qt框架提供了多种控件，允许开发者以灵活和直观的方式构建复杂的界面。QGroupBox和QTabWidget，它们在管理界面元素和增强用户交互方面发挥着重要作用。通过使用这些控件，开发者可以创建清晰、有序且易于导航的界面。多元素控件，包含内容，是一个一个的自定义好的 “Item” 对象。容器类控件，包含的内容是前面已经学过的各种控件了。QLineEiditQLabel等…QGroupBox和QTabWidget。

			
		

	





	

		

			

				
					
QT之qss教程-QGroupBox

				
			

			

				

					wzs的博客
				

				

					11-08
					
					6668
					
				

			

		

		

			
				
QGroupBox {
    /* 背景渐变色*/
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                      stop: 0 #E0E0E0, stop: 1 #FFFFFF);

    /* 边框 */
    border: 2px soli

			
		

	



		

			
		



	

		

			

				
					
qss 美化groupbox

				
			

			

				

					du_bingbing的博客
				

				

					06-27
					
					2387
					
				

			

		

		

			
				
ui->groupBox->setStyleSheet("QGroupBox::title {pading-top:2px;background-color:white;subcontrol-position: top center;} QGroupBox{border-image: url(:/new/prefix1/resource/cardbg.png);}");

			
		

	





	

		

			

				
					
Qss界面美化4：QGroupBox，QRadioButton,QCheckBox美化

				
			

			

				

					parkchorong的博客
				

				

					10-21
					
					2532
					
				

			

		

		

			
				
Qss界面美化4：QGroupBox，QRadioButton,QCheckBox美化（写的很一般，主要是介绍下里面的样式）
先看效果图：

关键代码：
/*单选框*/
QRadioButton::indicator {/*选择框部分*/
     width: 13px;
     height: 13px;
     color:black;
}

QRadioButton::indicato...

			
		

	





	

		

			

				
					
QSS美化之黑色皮肤最全

				
			

			

				

					11-30
				

			

		

		

			
				
QSS美化之黑色皮肤最全

			
		

	





	

		

			

				
					
QSS美化之青色风格最全，可直接用

				
			

			

				

					11-30
				

			

		

		

			
				
QSS美化之青色风格最全，可直接用

			
		

	





	

		

			

				
					
pyqt5 qss常用美化资源包

				
			

			

				

					08-03
				

			

		

		

			
				
这个"pyqt5 qss常用美化资源包"正是为了帮助开发者更方便地实现PyQt5应用的界面美化。  资源包中的内容可能包括各种预定义的QSS样式表，这些样式表可以快速应用于窗口、按钮、文本框、菜单等Qt部件，以改变它们的...

			
		

	





	

		

			

				
					
QT之QSS美化界面（附源码）

				
			

			

				

					07-05
				

			

		

		

			
				
登陆界面qss、用户名、密码、状态属性设置

			
		

	





	

		

			

				
					
qt中一般控件qss美化

				
			

			

				

					09-15
				

			

		

		

			
				
Qt 中一般控件 QSS 美化  Qt 是一个跨平台的应用程序开发框架，它提供了一个强大的样式表语言 QSS（Qt Style Sheets），可以用来美化 Qt 应用程序中的控件。QSS 语法类似于 CSS，使用选择器、属性和值来定义控件的...

			
		

	





	

		

			

				
					
QSS（Qt样式表）概念

				
			

			

				

					qq_45303986的博客
				

				

					11-16
					
					1516
					
				

			

		

		

			
				
Qt样式表是一个可以自定义部件外观的十分强大的机制，除了QStyle更改的样式，其他的都可以由QSS修改。由于受到Html的CSS启发，所以叫QSS。

			
		

	





	

		

			

				
					
Qt之QSS选择器

				
			

			

				

					韩若熙的博客
				

				

					12-06
					
					4642
					
				

			

		

		

			
				
  选择器决定了style sheet作用于哪些widget，QSS支持CSS2中定义的所有选择器。  QSS的选择器有如下几种：*作为选择器，作用于所有的widget。类名作为选择器，作用于它自己和它的所有子类。
3、类选择器
.类名或.class的属性值作为选择器，作用于它自己，它的子类不受影响。这一点，与类型选择器是有区别的。举例说明：
此时，window窗口和三个按钮的背景都变成灰色，如果只想window的背景为灰色，则使用.类名作为选择器：
如果设置openButton和closeButton的背

			
		

	





	

		

			

				
					
Qt容器组件（一）之QGroupBox、QScrollArea、QToolBox、QTabWidget

				
			

			

				

					hw5230的博客
				

				

					06-06
					
					4341
					
				

			

		

		

			
				
QGroupBox为构建分组框提供了支持。分组框通常带有一个边框和一个标题栏，作为容器部件来使用，在其中可以布置各种窗口部件。分组框的标题通常在上方显示，其位置可以设置为靠左、居中、靠右、自动调整这几种方式之一。位于分组框之中的窗口部件可以获得应用程序的焦点，位于分组框之内的窗口部件是分组框的子窗口，通常使用addWidget()方法把子窗口部件加入到分组框之中。Qt示例：\Examples\Qt-5.9.3\widgets\widgets\groupbox中提供了QGroupBox的示例。

			
		

	





	

		

			

				
					
QT:QSS自定义QGroupBox实例

				
			

			

				

					希望我的博客，能帮上你解决学习中工作中所遇到的问题
				

				

					07-02
					
					682
					
				

			

		

		

			
				
QT:QSS自定义QGroupBox实例

			
		

	





	

		

			

				
					
QT基础入门【QSS】继承、命名空间中的小部件、QObject 属性介绍

				
			

			

				

					吻等离子的博客
				

				

					11-18
					
					364
					
				

			

		

		

			
				
在经典 CSS 中，当项目的字体和颜色没有显式设置时，它会自动从父级继承。但是在使用 Qt 样式表时，默认情况下，部件不会从其父部件自动继承其字体和颜色设置。QPushButton 没有明确设置颜色。因此，它没有从其父级 QGroupBox 继承颜色，而是使用系统颜色。相比之下，使用 QWidget::setFont() 和 QWidget::setPalette() 设置字体和调色板会传播到子部件。

			
		

	





	

		

			

				
					
QGroupBox推荐样式

				
			

			

				

					weixin_42887343的博客
				

				

					06-07
					
					7029
					
				

			

		

		

			
				
样式代码：
QGroupBox
{
	border: 3px solid gray;
	border-radius:10px;
	margin-top:4ex;
	font-family:楷体;
	font:bold 18px;
 
}
 
QGroupBox::title
{
	subcontrol-origin:margin;
	subcontrol-position:top center;
	padding:1px;
}

显示效果：




			
		

	





	

		

			

				
					
创新药系列阿尔兹海默病千万患者迎来新疗法.pdf

					
最新发布

				
			

			

				

					07-18
				

			

		

		

			
				
医疗行业研究报告

			
		

	





	

		

			

				
					
qss 设置 qgroupbox 线框颜色

				
			

			

				

					05-30
				

			

		

		

			
				
你可以使用 `border-color` 属性来设置 QGroupBox 的线框颜色。例如，下面的 QSS 代码将 QGroupBox 的线框颜色设置为红色：

```
QGroupBox {
    border: 2px solid red;
    border-radius: 5px;
}
```

你可以根据需要调整边框的样式、粗细、圆角半径等属性。

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值