Qt第二十三章：设置窗口、控件背景颜色

港控/mmm° 2024-03-31 10:58 71阅读 0赞

1.  修改样式表：  
    ![d38855e67db64fb9814d5b414e99dab1.png][]
2.  设置后发现影响所有控件内的背景色  
    ![28938923db584907bceddd6f6b962c8f.png][]
3.  事件触发样式：鼠标划过触发样式  
    ![d0d0593ff90d49eeb9bdd6db82151574.png][]
4.  设置背景图  
    ![7e1ee3a6a7c64967b59d2f15b58ba495.png][]
5.  背景图打包。  
    ![19b216d4822845beab0d6a389625f8eb.png][]  
    ![7f2c4c3bbc204ae29be4191c3f05d0d0.png][]  
    ![9a9f39c663c14fd9bff773db2cbec4a0.png][]  
    ![041cdd091f154bc99bedd40f6b62283a.png][]  
    ![31b4019b969a403f890d4d896daf373a.png][]  
    ![7000e7789ca0400d83e1a128da6b86a2.png][]  
    ![a114f8512da8464bbd28ba158b3ceab2.png][]
6.  py代码中引用  
    将resources.qrc文件进行转化成py文件  
    ![1802f2b8ff6c449b9f1c96411f450818.png][]  
    在我们将xxx.ui文件转换成py文件的时候会自动引用resources.qrc  
    ![f101afbf4bb54f568c3e5179fba0c95a.png][]
7.  **实际使用中发现：background-image:url()只能非png的图片，png无法绘制到窗口QWidget中，而且绘制高清图的时候，程序启动会非常卡。**  
    现在想用一张png图片作为整个窗口的背景图，怎么办呢？  
    **方式一**：用一个QLabel组件占满窗口，然后设置QLabel组件的pixmap属性为你的背景图。其他的控件全部放到QLabel组件上面。**但是它有一个缺陷**，那就是无法再Form上布局，也就无法实现自适应缩放（博主尚未发现有效方法实现布局缩放，知道的读者望评论告知）。  
    **方式二**：重写主文件的paintEvent方法（就是继承了ui\_xxx.py视图的那个类）【**推荐方式**】  
    ![5ac86f866ef649a2aaeb68f8903be0d2.png][]
    
        import PySide6.QtGui
        from PySide6.QtGui import QPainter,QImage
        from PySide6 import QtWidgets
        from PySide6.QtWidgets import QApplication
        
        from ui_untitled import Ui_Form
        
        
        # 主页面
        class Main(QtWidgets.QWidget, Ui_Form):
        
            def __init__(self, parent=None):
                super(Main, self).__init__(parent)
                self.setupUi(self)
        
            def paintEvent(self, event: PySide6.QtGui.QPaintEvent) -> None:
                q_painter = QPainter(self)
                q_painter.begin(self)
                q_painter.drawImage(event.rect(), QImage(":/img/images/1.png"))
                q_painter.end()
        
        
        if __name__ == '__main__':
            app = QApplication([])
            main = Main()
            main.show()
            app.exec()
8.  尾

[d38855e67db64fb9814d5b414e99dab1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/06cf03d2175742f99e03f9228292af78.png
[28938923db584907bceddd6f6b962c8f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ad71e943914f4d06bd6a24bb431c135d.png
[d0d0593ff90d49eeb9bdd6db82151574.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a683db49bd0e4f79b5b3351c771484e8.png
[7e1ee3a6a7c64967b59d2f15b58ba495.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/0bbfe70d665c4228a23f71b66ebdab9d.png
[19b216d4822845beab0d6a389625f8eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c7b85daae74b4f3c9e434ee676d25083.png
[7f2c4c3bbc204ae29be4191c3f05d0d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a4e85f2cd58b4755aca762d189e97c78.png
[9a9f39c663c14fd9bff773db2cbec4a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a72b5f8889c946cda529ac8655bbd5d6.png
[041cdd091f154bc99bedd40f6b62283a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/480e81691de74c82b8e56ddc21d3e677.png
[31b4019b969a403f890d4d896daf373a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/4100684624ad4fd8866d0d0ff44f28ac.png
[7000e7789ca0400d83e1a128da6b86a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ed4d0ec00b5342e89da51358684e2caa.png
[a114f8512da8464bbd28ba158b3ceab2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/4f43899a44244b48b33d6b23da9db826.png
[1802f2b8ff6c449b9f1c96411f450818.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/26610379d3b5484b9b84ebb0ded01d58.png
[f101afbf4bb54f568c3e5179fba0c95a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c3e64901960443f0b3ab2424a1da021f.png
[5ac86f866ef649a2aaeb68f8903be0d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/d57f729229214ef9b66916e610d2c834.png