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

[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有什么技术错误，请及时反馈给我。这些学习笔记，希望能给爱好者和新人们一些帮助，晚安！