您的位置:首页 > 编程语言 > Qt开发

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

2011-09-02 17:34 375 查看
知识点
  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有什么技术错误,请及时反馈给我。这些学习笔记,希望能给爱好者和新人们一些帮助,晚安!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: