PyQt自定义控件之实现全透明窗口

浅浅的花香味﹌ 2023-07-13 13:57 69阅读 0赞

一般我们设计的普通窗口是这样子的：

class MyWidget(QWidget):
        def __init__(self):
            super(MyWidget, self).__init__()
            self.resize(320, 240)				# 窗口的大小 
            self.setWindowTitle('Test')			# 窗口标题
            self.setObjectName('MyWidget')		
            self.setStyleSheet("QWidget#MyWidget{background:grey;}")	# 给窗口添加个背景颜色

效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fpd2FuZ3Rpbmd5dW4_size_16_color_FFFFFF_t_70]

--------------------

给它加个图片

class MyWidget(QWidget):
        def __init__(self):
            super(MyWidget, self).__init__()
            
    		# 窗口设置
            self.resize(320, 240)				
            self.setWindowTitle('Test')			
            self.setObjectName('MyWidget')		
            self.setStyleSheet("QWidget#MyWidget{background:grey;}")
    		
    		# 添加个标签图片
            self.label = QLabel(self)
            self.label.setGeometry(120, 80, 66, 66)
            self.label.setPixmap(QPixmap('./image/gift.png'))

效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fpd2FuZ3Rpbmd5dW4_size_16_color_FFFFFF_t_70 1]

--------------------

好了，现在我们要去除整个背景，只留下中间那个图片

class MyWidget(QWidget):
        '''实现全透明窗口'''
    
        def __init__(self):
            super(MyWidget, self).__init__()
    
            # 去除背景
            self.setWindowFlags(self.windowFlags() | Qt.FramelessWindowHint)
            self.setAttribute(Qt.WA_TranslucentBackground)
    
            # 窗口设置
            self.resize(320, 240)
            self.setWindowTitle('Test')
            self.setObjectName('MyWidget')
            self.setStyleSheet("QWidget#MyWidget{background:grey;}")
    
            # 添加个标签图片
            self.label = QLabel(self)
            self.label.setGeometry(120, 80, 66, 66)
            self.label.setPixmap(QPixmap('./image/gift.png'))

效果如下  
![在这里插入图片描述][20200312202314637.png]

--------------------

这种实现方式主要依靠的是设置窗口的**标志位**和**属性值**

标志位：**Qt.FramelessWindowHint** 去除窗口的边框  
属性值：**Qt.WA\_TranslucentBackground** 设置窗口为背景透明  
必须要配合这两个一起使用，否则都无法移除背景

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fpd2FuZ3Rpbmd5dW4_size_16_color_FFFFFF_t_70]: /images/20230529/a7e61969620a412098de32d186cfb612.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fpd2FuZ3Rpbmd5dW4_size_16_color_FFFFFF_t_70 1]: /images/20230529/94f231300a784ca6b150b5bfed20251c.png
[20200312202314637.png]: /images/20230529/b6ca89af7a8e45529cb8adbfcc824326.png