python qt 显示样式

最新推荐文章于 2023-03-11 13:26:11 发布
最新推荐文章于 2023-03-11 13:26:11 发布
阅读量670 收藏 1
点赞数
分类专栏： Python 图形界面开发 pyqt pyside 文章标签： python pyqt qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jcyrss/article/details/105939102
版权

本文教程官网 白月黑羽教Python

QSS 概念

点击这里，边看视频讲解，边学习以下内容

前面，我们开发的程序界面有点简陋。

大家点击这里，下载一个白月黑羽小班学员开发的程序界面代码，解压后，拖动里面的main.ui界面文件到Qt设计师里面。

像这样

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTsU57QW-1588684608299)(http://cdn1.python3.vip/imgs/api/20200405205002_979298.png)]

要让产品更好看一些，通常就是指定界面元素的 显示样式 。比如指定颜色、字体、间距。

像这样

image

Qt有种定义界面显示样式的方法，称之为 Qt Style Sheet ，简称 QSS

如果你学习过Web网页开发，就会发现这个名词和 CSS 特别的相似。

没错，它的 语法和用途 和 CSS 特别的相似。


我们来看上图对应的示例

如果在设计师界面上 最上层的 MainWindow 对象 styleSheet 属性指定如下的内容

QPushButton {
    
    color: red ;
    font-size:15px;
}

就会发现，所有的按钮上的文字都变成了红色的，并且字体变大了。

注意这个指定界面元素 显示样式的 语法，由 selector 和 declaration 组成。

花括号前面的 部分，比如示例中的 QPushButton 称之为 selector。

花括号后面的 部分，比如示例中的


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  白月黑羽
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
python 配置qt

				
			

			

				

					一个正在路上的学生
				

				

					04-23
					
					1330
					
				

			

		

		

			
				
进入到你的python scripts 文件夹中： 
 
然后 shift+鼠标右键 
打开window powershell （window10）其他window版本 
 
然后里面输入 pip3 install SIP 
 
安装完成 再安装 
pip3 install PyQt5 
到此为止其实已经可以开发了，但是我们想要更爽的开发，可以直接拖动控件，所以需要QtDesigner，QtDes...

			
		

	



                

              
                



	

		

			

				
					
QT——界面样式

				
			

			

				

					lannister_awalys_pay的博客
				

				

					09-02
					
					741
					
				

			

		

		

			
				
*{

font-size:14px;

color:black;

font-family:"微软雅黑";

}

QLineEdit{

boder:8px solid gray;

border-radius:8px;

}

QpushBotton{

background:rgb(250,241,150);

color:black;

border:2px solid gray;

b...

			
		

	



                


  
              

                


	

		

			

				
					
PyQT5 （九十） 设置窗口的样式 的案例

				
			

			

				

					Ggome的博客
				

				

					01-09
					
					526
					
				

			

		

		

			
				
带最小化 最大化窗口 关闭按钮






带最大化窗口







无边框效果











'''
设置窗口的样式 的案例


'''
import sys

from PyQt5.QtCore import Qt
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QWidget, QLineEdit, QPushButton, QGridLayout, QDialog, QApplication, QMainWindow
..

			
		

	





	

		

			

				
					
QSS样式表

				
			

			

				

					yinyuchen1的博客
				

				

					09-05
					
					4318
					
				

			

		

		

			
				
关于QPushButton的样式表
QPushButton
{
background-color:
rgb(134,183,200); //背景色
border:2px
solid #5F92B2; //边界和边界颜色
border-radius:5px; //边界圆滑
color:white; //字体颜色
}


QPushButton:hover
{
backgr

			
		

	



		

			
		



	

		

			

				
					
PyQt5学习（15）：设置窗口风格和样式

				
			

			

				

					spider_man
				

				

					07-27
					
					3994
					
				

			

		

		

			
				
1，设置窗口风格

（1）可以为每个widget设置风格

setStyle（Qstyle style）

（2）获得当前平台支持的原有的Qstyle样式

QStyleFactory.keys（）

(3)对QApplication设置QStyle样式

QApplication.setStyle(QStyleFactory.create('WindowsXP'))

如果其他widget没有设...

			
		

	





	

		

			

				
					
python  qt5教程

				
			

			

				

					12-04
				

			

		

		

			
				
Python Qt5教程是一份深入浅出的中文指南，专为想要掌握PyQt5这一强大的图形用户界面库的开发者设计。PyQt5是Python语言与Qt库的结合，它提供了丰富的UI设计工具，使得开发者能够在Python应用程序中创建美观、功能...

			
		

	





	

		

			

				
					
Python & Qt Designer 初探

					
最新发布

				
			

			

				

					03-20
				

			

		

		

			
				
通过Qt Designer，你可以预览和调整窗口、按钮、文本框等各种控件的布局和样式，极大地提高了开发效率。  要将Qt Designer与Python结合，我们需要将设计的UI保存为.ui文件，这是一种XML格式的文件，记录了所有GUI...

			
		

	





	

		

			

				
					
PYTHON QT GUI快速编程 PYQT编程指南

				
			

			

				

					01-27
				

			

		

		

			
				
Python QT GUI快速编程是利用PyQt库来创建图形用户界面（GUI）的一种高效方法。PyQt是Python语言中对Qt库的封装，Qt库是由Qt公司开发的一个强大的跨平台应用程序框架，广泛应用于桌面和移动设备上的GUI设计。PyQt...

			
		

	





	

		

			

				
					
Qt QWidget 设置样式表不生效的两种解决方案

				
			

			

				

					01-30
				

			

		

		

			
				
使用Qt Designer 设计界面，但在Qt Designer里设置好样式表，使用快捷键 shift + alt + r 进行预览，样式都是正常的，但程序运行起来，样式就不生效了。两种解决方法： 详情可以到文章里看一下。  ...

			
		

	





	

		

			

				
					
Python Qt 图形界面编程 - 白月黑羽（小班代码大全打包）.zip

				
			

			

				

					04-27
				

			

		

		

			
				
《Python Qt 图形界面编程 - 白月黑羽出品 - PySide2 PyQt5 PyQt PySide》
视频学习网站：https://www.bilibili.com/video/BV1cJ411R7bP?p=16
2小时学会Py图形化界面编程及封装exe。适合初学者。

			
		

	





	

		

			

				
					
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例

				
			

			

				

					09-17
				

			

		

		

			
				
主要介绍了python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例,需要的朋友可以参考下

			
		

	





	

		

			

				
					
qt界面+python摄像机调用

				
			

			

				

					06-13
				

			

		

		

			
				
本代码小巧玲珑，实现一个界面，且在界面上有打开相机按钮和关闭相机按钮。可打开电脑相机或usb相机。

			
		

	





	

		

			

				
					
PYQT5(23)-图形和特效-窗口风格

				
			

			

				

					qq_37609345的博客
				

				

					11-24
					
					843
					
				

			

		

		

			
				
设置窗口风格

代码示例


import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5 import QtCore
from PyQt5.QtGui import *


class AppWidget(QWidget):
    def __init__(self, parent=None):
        super(AppWidget, self).__init__(parent)
        s

			
		

	





	

		

			

				
					
推荐优美的Pyqt/Pyside界面模板

					
热门推荐

				
			

			

				

					sluck_0430的博客
				

				

					12-01
					
					2万+
					
				

			

		

		

			
				
分享一些积攒已久的比较美观的pyqt和pyside界面UI模板~

			
		

	





	

		

			

				
					
量化系统 GUI 库 PyQt5 基础以及使用技巧(上)

				
			

			

				

					laoshuiqiang的博客
				

				

					03-11
					
					575
					
				

			

		

		

			
				
PyQt5 是一个很成熟的库，qt 功能强大，文档齐全，社区非常活跃，所以一般碰到的问题都能在网上找到解决方案，还有 Qt Designer 插件通过拖拽的方式即可以快速画出界面，所拖即所得。安装学习资料demo 案例学习网站链接网址[1]，该网站有控件的学习 demo ，可以快速的了解和学习控件的使用。pyqt api 文档链接网址[3]，可以查询该 GUI 库的所有接口。换肤样式链接网址[2]，该开源库换肤，一行代码既可以得到高大上的界面样式。

			
		

	





	

		

			

				
					
PyQt5最详细pyrcc5配置+样式使用

				
			

			

				

					qq_55957975的博客
				

				

					06-08
					
					1万+
					
				

			

		

		

			
				
PyQt5界面样式设置前言环境配置测试Qrc转rc格式测试效果
前言
上一章我们讲到Pycharm中Pyqt5的安装，以及实现界面的展示，本章我们要讲解在创建界面后，如何让咱们的界面在完成后，展示的更加多样化。
话不多说，上正文！
环境配置
1.打开Pycharm -> File -> Settings -> Tools ->Working directory

2.如下图

name：自定义名字。
Program：在虚拟环境中找到pytcc5.exe。
Arguments：$Fil

			
		

	





	

		

			

				
					
Python QT QSS样式-最全文档

				
			

			

				

					climber1121的博客
				

				

					06-17
					
					5529
					
				

			

		

		

			
				
QSS 全称 Qt Style Sheets（Qt样式表），用于美化Qt程序界面，类似于CSS，但不如CSS强大，选择器和属性较少。
本文主要介绍在PyQt5中使用QSS，但同样适用于C++ Qt，PySide6，PySide2。
本文主要介绍QSS的加载使用以及分享，QSS本身的语法详解请参考官方文档和其他教程。...

			
		

	





	

		

			

				
					
Pyqt qss使用方法

				
			

			

				

					m0_54256484的博客
				

				

					12-18
					
					1165
					
				

			

		

		

			
				
Pyqt qss使用方法

			
		

	





	

		

			

				
					
PyQt5图形和特效之QSS的UI美化（四）

				
			

			

				

					jia666666的博客
				

				

					08-20
					
					2万+
					
				

			

		

		

			
				
前言


  QSS即Qt样式表，是用来自定义控件外观的一种机制，QSS大量参考了Css的内容，但QSS的功能要比Css弱得多，体现在选择器少，可以使用的QSS属性也少，而且并不是所有的属性都可以应用在PyQt的控件上，QSS使页面美化跟代码层分开，利于维护


QSS的语法规则


  QSS的语法规则几乎与CSS相同，QSS样式由两部分组成，其中一部分是选择器（Selector），指定哪些软件...

			
		

	





	

		

			

				
					
python qt tabwidget 样式

				
			

			

				

					11-23
				

			

		

		

			
				
以下是一个简单的Python Qt TabWidget样式的例子：

```python
from PyQt5 import QtWidgets, QtGui, QtCore

class TabWidget(QtWidgets.QTabWidget):
    def __init__(self, parent=None):
        super(TabWidget, self).__init__(parent)
        self.setStyleSheet("""
            QTabWidget::pane {
                border-top: 2px solid #C2C7CB;
            }
            QTabBar::tab {
                background-color: #C2C7CB;
                border: 2px solid #C2C7CB;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                min-width: 8ex;
                padding: 2px;
            }
            QTabBar::tab:selected, QTabBar::tab:hover {
                background-color: #F2F3F4;
            }
            QTabBar::tab:selected {
                border-color: #C2C7CB;
            }
            QTabBar::tab:!selected {
                margin-top: 2px;
            }
            QTabBar::tab:first:selected {
                border-top-left-radius: 4px;
            }
            QTabBar::tab:last:selected {
                border-top-right-radius: 4px;
            }
            QTabBar::tab:only-one {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }
        """)

        self.addTab(QtWidgets.QWidget(), "Tab 1")
        self.addTab(QtWidgets.QWidget(), "Tab 2")
        self.addTab(QtWidgets.QWidget(), "Tab 3")

if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    tab_widget = TabWidget()
    tab_widget.show()
    sys.exit(app.exec_())
```



			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值