[PyQt]不规则窗体的实现之一

知识点

  PyQt一般实现的窗体就是当前操作系统原生窗体的样式,ubuntu下的窗体还不错,window下的就难看了,虽然平时应用程序关心的往往是业务和功能,但是偶尔我们也需要制作一些个性的窗体样式,如QQ、360、千千静听等,这种漂亮个性的窗体,很能吸引大众的眼球。

  实现不规则窗体,我采用继承QWidget这个部件基类并重绘之,有几个知识点:

    - 重写paintEvent事件,可以绘制窗体的背景图片

    - 调用setMask方法设置窗体的遮罩层,可以个性化窗体,掩码图片黑色部分即是要显示的,白色即是要隐藏的

    - 要理解QPixmap和QBitmap的区别,QBitmap是QPixmap的子类别,提供单色图像

区别QPixmap和QBitmap的小实例
- 素材图片:1.png

- 实例代码
from PyQt4.QtGui import *
from PyQt4.QtCore import *

class MyForm(QWidget):
    def __init__(self,parent=None):
        super(MyForm,self).__init__(parent)
        
    def paintEvent(self,event):
        painter = QPainter(self)
        painter.drawPixmap(0,0,280,390,QPixmap("1.png"))
        painter.drawPixmap(300,0,280,390,QBitmap("1.png"))

app = QApplication([])
form = MyForm()
form.show()
app.exec_()
- 运行效果

不规则窗体的小实例
- 实例代码:继续使用1.png
from PyQt4.QtGui import *
from PyQt4.QtCore import *

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

        self.pix = QPixmap("1.png")
        self.resize(self.pix.size())
        self.setMask(self.pix.mask())
        
    def paintEvent(self,event):
        painter = QPainter(self)
        painter.drawPixmap(0,0,self.pix.width(),self.pix.height(),self.pix)
        

app = QApplication([])
form = MyForm()
form.show()
app.exec_()
- 运行结果

不是小结

  上述只是实现不规则窗体的最简单的方式,素材即当遮罩层又当背景图,更灵活的方法是使用一张遮罩层图片,来控制窗体的大小,然后在利用paintEvent方法中重绘其背景图等。

不规则窗体的小实例
- 素材图片:2.png、3.jpg

- 测试代码
from PyQt4.QtGui import *
from PyQt4.QtCore import *

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

        self.pix = QBitmap("2.png")
        self.resize(self.pix.size())
        self.setMask(self.pix)
        
    def paintEvent(self,event):
        painter = QPainter(self)
        painter.drawPixmap(0,0,self.pix.width(),self.pix.height(),QPixmap("3.jpg"))
        

app = QApplication([])
form = MyForm()
form.show()
app.exec_()
- 运行结果

不是小结

  上述采用图片遮罩层的方式,其实还是不灵活,当窗体发生变化的时候,这种方式显示得很不灵活。可以采用QPainter类的绘图方法来动态生成一个遮罩层QPixmap或QBitmap对象,既一张黑白图片,处理一下相应的圆角角度即可。

不规则窗体的小实例
- 实例代码:继续使用3.jpg
from PyQt4.QtGui import *
from PyQt4.QtCore import *

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

        self.mask = QBitmap(400,300)
        self.mask.fill(Qt.white)
        painter=QPainter(self.mask)
        painter.setBrush(QColor(0x000000))
        painter.drawRoundRect(0,0,400,300,3,3)
        self.setMask(self.mask)
        
    def paintEvent(self,event):
        painter = QPainter(self)
        painter.drawPixmap(0,0,self.width(),self.height(),QPixmap("3.jpg"))
        
app = QApplication([])
form = MyForm()
form.show()
form.move(400,200)
app.exec_()
- 运行结果

小结

  本篇简单呈现了不规则窗体的几个小应用,浅显易懂,后续章节需要考虑的问题:

    - 因重绘窗体后,窗体因隐藏了边框、标题栏,导致窗体不能移动、放大、缩小、拖拽

    - 圆角问题,利用drawRoundRect绘制的圆角相比直接用遮罩层的圆角,不够圆滑,即使设置相关抗锯齿参数,也不够理想,我分析了下360、QQ、迅雷的圆角,有一点心得

    - 窗体拖拽时,窗体瞬移问题,可以观察一下QVOD软件的拖拽问题

  以上几点将在后续章节阐述分析,如果我的blog有什么技术错误,请及时反馈给我。这些学习笔记,希望能给爱好者和新人们一些帮助,晚安!

posted @ 2011-09-02 17:34  风骑士之怒  阅读(3554)  评论(5编辑  收藏  举报