Qt中使用Qss

最新推荐文章于 2025-05-10 14:22:13 发布
最新推荐文章于 2025-05-10 14:22:13 发布
阅读量3k 收藏 4
点赞数 1
分类专栏： Qt开发总结 文章标签： Qt QSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/taoerit/article/details/41117475
版权
本文介绍了如何在Qt项目中使用QSS进行界面美化。通过创建资源文件、添加QSS样式、设置QLabel对象名，并在QSS文件中编写样式代码，实现了对Qt界面控件的定制美化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Qss主要是对界面控件的美化

1 创建资源文件myqrc.qrc和 myqss.qss文件，*.pro 文件显示如下


2 添加myqss.qss作为资源文件


3 在ui文件里，创建2个QLabel，对象名为label_1，label_2

4 在myqss.qss文件中添加代码

QLabel[objectName="label_1"]
{
    border: 40px;
    background-color: rgba(0,255,0,255);;
}

QLabel[objectName="label_2"]
{
    border: 40px;
    background-color: rgba(255,0,0,255);;
}

5 项目目录结构


6 代码

mainwindow.h


                

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        


    



                



	

		

			

				
					
Qt 加载QSS

				
			

			

				

					NewBorad的专栏
				

				

					10-30
					
					1266
					
				

			

		

		

			
				
很多同学肯定都遇到过

			
		

	



                

            
              



	

		

			

				
					
Qt关于qss文件的添加使用

				
			

			

				

					qq_57049935的博客
				

				

					01-31
					
					1280
					
				

			

		

		

			
				
把ui设计得更加的养眼，肯定需要对控件的属性进行设置，qt中就是关于qss文件的使用。那么如何创建和添加qss文件呢。

			
		

	



              


  
              

                


	

		

			

				
					
Qt之加载QSS文件

				
			

			

				

					03-26
				

			

		

		

			
				
Qt之加载QSS文件

			
		

	





	

		

			

				
					
Qt 界面优化（QSS）

					
最新发布

				
			

			

				

					m0_65558082的博客
				

				

					05-10
					
					1443
					
				

			

		

		

			
				
Qt 界面优化（QSS）介绍

			
		

	



		

			
		



	

		

			

				
					
Qt加载qss(含代码和图片资源)

				
			

			

				

					09-03
				

			

		

		

			
				
qt加载qss，界面优化，包含代码和所需图片资源，黑色炫酷和白色靓丽两种

			
		

	





	

		

			

				
					
QT加载qss

				
			

			

				

					weixin_30813225的博客
				

				

					12-09
					
					155
					
				

			

		

		

			
				
QString CommonHelper::setStyle(const QString &style)
{
    QByteArray str;
    QFile qss(style);
    qss.open(QFile::ReadOnly|QFile::Text);
    if(qss.isOpen())
    {
        str = qss.re...

			
		

	





	

		

			

				
					
qss.rar_Qt  qss_qt  qss下载_qt qss 下载_qt setstysheet

				
			

			

				

					07-15
				

			

		

		

			
				
在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的外观和感觉，类似于网页设计中的CSS。它允许开发者通过简单的文本文件来改变控件的样式，包括颜色、字体、边框、背景等，使得Qt应用...

			
		

	





	

		

			

				
					
Qt的Qss使用源码

				
			

			

				

					12-24
				

			

		

		

			
				
同时，提供的图片可能是用于QSS中的背景或图标，你可以根据需要将它们引用到QSS代码中。  通过深入研究这些示例和代码，你可以了解如何利用QSS实现各种复杂的界面效果，如圆角按钮、渐变背景、自定义边框等。在实际...

			
		

	





	

		

			

				
					
qt5.12通过qss实现一键换肤以及Font Awesome字体在qt中的应用，欢迎大家下载使用！！！

				
			

			

				

					12-15
				

			

		

		

			
				
win10系统上基于qt5.12通过qss实现一键换肤以及Font Awesome字体在qt中的应用，欢迎大家下载使用！！！——————————————win10系统上基于qt5.12通过qss实现一键换肤以及Font Awesome字体在qt中的应用，...

			
		

	





	

		

			

				
					
QT 加载QSS文件

				
			

			

				

					Reliey__的博客
				

				

					03-11
					
					366
					
				

			

		

		

			
				
qss若要对某个控件设置图片，加载图片的路径是相对于main函数而言的，若是用exe文件打开，则路径是相对于exe文件。使用QFile加载文件。

			
		

	





	

		

			

				
					
qt qss编写工具

				
			

			

				

					04-16
				

			

		

		

			
				
使用Qt时经常需要编辑qss，但是无法直接看到效果,因此使用该工具可以用于编辑和实时预览Qt样式表的工具，编写qss利器，可以实时看到效果

			
		

	





	

		

			

				
					
qt主题qss收集.rar

				
			

			

				

					06-21
				

			

		

		

			
				
本资源内qss可直接添加到工程中我的资源，然后调用即可一键换肤

			
		

	





	

		

			

				
					
Qt样式表-QSS

				
			

			

				

					10-10
				

			

		

		

			
				
Qt样式的使用  qss

			
		

	





	

		

			

				
					
QT自定义界面纯QSS.rar

				
			

			

				

					11-22
				

			

		

		

			
				
依据官方QSS应用示例http://qt-project.org/doc/qt-4.8/stylesheet-examples.html制作自定义UI的QSS方案。

			
		

	





	

		

			

				
					
Qt Qss三套样式文件 qss.zip

				
			

			

				

					10-19
				

			

		

		

			
				
此文件为Qt Qss三套样式文件，下载后，在工程中引入使用即可。具体可参考博客：
https://tangxing.blog.youkuaiyun.com/article/details/109160027

			
		

	





	

		

			

				
					
Qt加载QSS文件

					
热门推荐

				
			

			

				

					云淡风轻
				

				

					09-22
					
					1万+
					
				

			

		

		

			
				
QSS:Qt Style Sheets简介QSS和CSS一样 通过样式表控制控件和容器的样式，采用QSS控制可以很容易的实现换肤和美化界面的功能
创建QSS文件在帮助里搜索qt style，可以打开qss的使用例子
QApplication,
QMainWindow, QFrame, QDockWidget, QDialog, QFileDialog, QMessageBox,
QRadioButt

			
		

	





	

		

			

				
					
Qt 加载QSS文件（包括同时加载多个QSS文件）

				
			

			

				

					love_dear的博客
				

				

					01-07
					
					4657
					
				

			

		

		

			
				
Qt 加载qss文件，常规加载单个qss文件，花样加载多个qss文件，希望能帮到和我最初一样迷茫的你

			
		

	





	

		

			

				
					
如何在QT中使用QSS设置TableWidget的网格线样式？

				
			

			

				

					12-06
				

			

		

		

			
				
在QT中使用QSS（Qt Style Sheets）设置TableWidget的网格线样式可以通过以下步骤实现：

1. **创建TableWidget实例**：首先，确保你有一个QTableWidget实例。
2. **设置网格线可见**：通过调用`setShowGrid(true)`方法确保网格线是可见的。
3. **应用QSS样式**：使用QSS来设置网格线的样式。

以下是一个示例代码，展示如何通过QSS设置QTableWidget的网格线样式：

```cpp
#include <QApplication>
#include <QTableWidget>
#include <QHeaderView>
#include <QWidget>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QTableWidget tableWidget(5, 3); // 创建一个5行3列的表格
    tableWidget.setWindowTitle("QTableWidget Grid线样式示例");
    tableWidget.setShowGrid(true); // 设置网格线可见

    // 设置QSS样式
    tableWidget.setStyleSheet(
        "QTableWidget {"
        "    gridline-color: #FF0000;" // 设置网格线颜色为红色
        "}"
        "QHeaderView::section {"
        "    background-color: #CCCCCC;" // 设置表头背景色
        "    color: #333333;" // 设置表头文字颜色
        "    padding: 5px;" // 设置表头内边距
        "}"
    );

    // 设置列宽
    tableWidget.horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);
    tableWidget.verticalHeader()->setSectionResizeMode(QHeaderView::Stretch);

    tableWidget.show();
    return app.exec();
}
```

在这个示例中，我们创建了一个QTableWidget实例，并通过`setStyleSheet`方法应用了QSS样式。`gridline-color`属性用于设置网格线的颜色。你可以根据需要调整颜色值和其他样式属性。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
程序猿的杂货店

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

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值