无边框自定义标题栏窗口
This commit is contained in:
Irony
parent
d83a08bd4f
commit
a2891d3d79
2 changed files with 333 additions and 0 deletions
|
|
@ -43,6 +43,7 @@ encoding//\u591A\u7EBF\u7A0B\u4F7F\u7528/\u7EBF\u7A0B\u6302\u8D77\u6062\u590D.py
|
|||
encoding//\u5B57\u4F53\u6D4B\u8BD5/FontAwesome.py=utf-8
|
||||
encoding//\u5B57\u4F53\u6D4B\u8BD5/TestFontAwesome.py=utf-8
|
||||
encoding//\u5B57\u4F53\u6D4B\u8BD5/TestFontRoboto.py=utf-8
|
||||
encoding//\u65E0\u8FB9\u6846\u81EA\u5B9A\u4E49\u6807\u9898\u680F\u7A97\u53E3/FramelessWindow.py=utf-8
|
||||
encoding//\u68A6\u5E7B\u6811/DreamTree.py=utf-8
|
||||
encoding//\u6C14\u6CE1\u63D0\u793A/BubbleTips.py=utf-8
|
||||
encoding//\u6D4F\u89C8\u5668\u83B7\u53D6Cookie/WebEngineView.py=utf-8
|
||||
|
|
|
|||
332
无边框自定义标题栏窗口/FramelessWindow.py
Normal file
332
无边框自定义标题栏窗口/FramelessWindow.py
Normal file
|
|
@ -0,0 +1,332 @@
|
|||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
from PyQt5.QtCore import Qt, pyqtSignal, QPoint
|
||||
from PyQt5.QtGui import QFont, QEnterEvent, QPainter, QColor, QPen
|
||||
from PyQt5.QtWidgets import QWidget, QVBoxLayout, QHBoxLayout, QLabel,\
|
||||
QSpacerItem, QSizePolicy, QPushButton
|
||||
|
||||
|
||||
# Created on 2018年4月30日
|
||||
# author: Irony
|
||||
# site: https://github.com/892768447
|
||||
# email: 892768447@qq.com
|
||||
# file: FramelessWindow
|
||||
# description:
|
||||
__Author__ = """By: Irony
|
||||
QQ: 892768447
|
||||
Email: 892768447@qq.com"""
|
||||
__Copyright__ = 'Copyright (c) 2018 Irony'
|
||||
__Version__ = 1.0
|
||||
|
||||
|
||||
class TitleBar(QWidget):
|
||||
|
||||
# 窗口最小化信号
|
||||
windowMinimumed = pyqtSignal()
|
||||
# 窗口最大化信号
|
||||
windowMaximumed = pyqtSignal()
|
||||
# 窗口还原信号
|
||||
windowNormaled = pyqtSignal()
|
||||
# 窗口关闭信号
|
||||
windowClosed = pyqtSignal()
|
||||
# 窗口移动
|
||||
windowMoved = pyqtSignal(QPoint)
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(TitleBar, self).__init__(*args, **kwargs)
|
||||
# 支持qss设置背景
|
||||
self.setAttribute(Qt.WA_StyledBackground, True)
|
||||
self.mPos = None
|
||||
# 设置默认背景颜色,否则由于受到父窗口的影响导致透明
|
||||
self.setAutoFillBackground(True)
|
||||
palette = self.palette()
|
||||
palette.setColor(palette.Window, QColor(240, 240, 240))
|
||||
self.setPalette(palette)
|
||||
# 布局
|
||||
layout = QHBoxLayout(self, spacing=0)
|
||||
layout.setContentsMargins(0, 0, 0, 0)
|
||||
# 窗口图标
|
||||
self.iconLabel = QLabel(self)
|
||||
self.iconLabel.setScaledContents(True)
|
||||
layout.addWidget(self.iconLabel)
|
||||
# 窗口标题
|
||||
self.titleLabel = QLabel(self)
|
||||
layout.addWidget(self.titleLabel)
|
||||
# 中间伸缩条
|
||||
layout.addSpacerItem(QSpacerItem(
|
||||
40, 20, QSizePolicy.Expanding, QSizePolicy.Minimum))
|
||||
# 利用Webdings字体来显示图标
|
||||
font = self.font() or QFont()
|
||||
font.setFamily('Webdings')
|
||||
# 最小化按钮
|
||||
self.buttonMinimum = QPushButton(
|
||||
'0', self, clicked=self.windowMinimumed.emit, font=font, objectName='buttonMinimum')
|
||||
layout.addWidget(self.buttonMinimum)
|
||||
# 最大化/还原按钮
|
||||
self.buttonMaximum = QPushButton(
|
||||
'1', self, clicked=self.showMaximized, font=font, objectName='buttonMaximum')
|
||||
layout.addWidget(self.buttonMaximum)
|
||||
# 关闭按钮
|
||||
self.buttonClose = QPushButton(
|
||||
'r', self, clicked=self.windowClosed.emit, font=font, objectName='buttonClose')
|
||||
layout.addWidget(self.buttonClose)
|
||||
# 初始高度
|
||||
self.setHeight()
|
||||
|
||||
def showMaximized(self):
|
||||
if self.buttonMaximum.text() == '1':
|
||||
# 最大化
|
||||
self.buttonMaximum.setText('2')
|
||||
self.windowMaximumed.emit()
|
||||
else: # 还原
|
||||
self.buttonMaximum.setText('1')
|
||||
self.windowNormaled.emit()
|
||||
|
||||
def setHeight(self, height=38):
|
||||
"""设置标题栏高度"""
|
||||
self.setMinimumHeight(height)
|
||||
self.setMaximumHeight(height)
|
||||
# 设置右边按钮的大小
|
||||
self.buttonMinimum.setMinimumSize(height, height)
|
||||
self.buttonMinimum.setMaximumSize(height, height)
|
||||
self.buttonMaximum.setMinimumSize(height, height)
|
||||
self.buttonMaximum.setMaximumSize(height, height)
|
||||
self.buttonClose.setMinimumSize(height, height)
|
||||
self.buttonClose.setMaximumSize(height, height)
|
||||
|
||||
def setTitle(self, title):
|
||||
"""设置标题"""
|
||||
self.titleLabel.setText(title)
|
||||
|
||||
def setIcon(self, icon):
|
||||
"""设置图标"""
|
||||
self.iconLabel.setPixmap(icon.pixmap(16, 16))
|
||||
|
||||
def enterEvent(self, event):
|
||||
self.setCursor(Qt.ArrowCursor)
|
||||
super(TitleBar, self).enterEvent(event)
|
||||
|
||||
def mouseDoubleClickEvent(self, event):
|
||||
super(TitleBar, self).mouseDoubleClickEvent(event)
|
||||
self.showMaximized()
|
||||
|
||||
def mousePressEvent(self, event):
|
||||
"""鼠标点击事件"""
|
||||
if event.button() == Qt.LeftButton:
|
||||
self.mPos = event.pos()
|
||||
event.accept()
|
||||
|
||||
def mouseReleaseEvent(self, event):
|
||||
'''鼠标弹起事件'''
|
||||
self.mPos = None
|
||||
event.accept()
|
||||
|
||||
def mouseMoveEvent(self, event):
|
||||
if event.buttons() == Qt.LeftButton and self.mPos:
|
||||
self.windowMoved.emit(self.mapToGlobal(event.pos() - self.mPos))
|
||||
event.accept()
|
||||
|
||||
|
||||
# 枚举左上右下以及四个定点
|
||||
Left, Top, Right, Bottom, LeftTop, RightTop, LeftBottom, RightBottom = range(8)
|
||||
|
||||
|
||||
class FramelessWindow(QWidget):
|
||||
|
||||
# 四周边距
|
||||
Margins = 5
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(FramelessWindow, self).__init__(*args, **kwargs)
|
||||
self._pressed = False
|
||||
self.Direction = None
|
||||
# 背景透明
|
||||
self.setAttribute(Qt.WA_TranslucentBackground, True)
|
||||
# 无边框
|
||||
self.setWindowFlag(Qt.FramelessWindowHint)
|
||||
# 鼠标跟踪
|
||||
self.setMouseTracking(True)
|
||||
# 布局
|
||||
layout = QVBoxLayout(self, spacing=0)
|
||||
# 预留边界用于实现无边框窗口调整大小
|
||||
layout.setContentsMargins(
|
||||
self.Margins, self.Margins, self.Margins, self.Margins)
|
||||
# 标题栏
|
||||
self.titleBar = TitleBar(self)
|
||||
layout.addWidget(self.titleBar)
|
||||
# 信号槽
|
||||
self.titleBar.windowMinimumed.connect(self.showMinimized)
|
||||
self.titleBar.windowMaximumed.connect(self.showMaximized)
|
||||
self.titleBar.windowNormaled.connect(self.showNormal)
|
||||
self.titleBar.windowClosed.connect(self.close)
|
||||
self.titleBar.windowMoved.connect(self.move)
|
||||
self.windowTitleChanged.connect(self.titleBar.setTitle)
|
||||
self.windowIconChanged.connect(self.titleBar.setIcon)
|
||||
|
||||
def setTitleBarHeight(self, height=38):
|
||||
"""设置标题栏高度"""
|
||||
self.titleBar.setHeight(height)
|
||||
|
||||
def setWidget(self, widget):
|
||||
"""设置自己的控件"""
|
||||
if hasattr(self, '_widget'):
|
||||
return
|
||||
self._widget = widget
|
||||
# 设置默认背景颜色,否则由于受到父窗口的影响导致透明
|
||||
self._widget.setAutoFillBackground(True)
|
||||
palette = self._widget.palette()
|
||||
palette.setColor(palette.Window, QColor(240, 240, 240))
|
||||
self._widget.setPalette(palette)
|
||||
self._widget.installEventFilter(self)
|
||||
self.layout().addWidget(self._widget)
|
||||
|
||||
def move(self, pos):
|
||||
if self.windowState() == Qt.WindowMaximized or self.windowState() == Qt.WindowFullScreen:
|
||||
# 最大化或者全屏则不允许移动
|
||||
return
|
||||
super(FramelessWindow, self).move(pos)
|
||||
|
||||
def showMaximized(self):
|
||||
"""最大化,要去除上下左右边界,如果不去除则边框地方会有空隙"""
|
||||
super(FramelessWindow, self).showMaximized()
|
||||
self.layout().setContentsMargins(0, 0, 0, 0)
|
||||
|
||||
def showNormal(self):
|
||||
"""还原,要保留上下左右边界,否则没有边框无法调整"""
|
||||
super(FramelessWindow, self).showNormal()
|
||||
self.layout().setContentsMargins(
|
||||
self.Margins, self.Margins, self.Margins, self.Margins)
|
||||
|
||||
def eventFilter(self, obj, event):
|
||||
"""事件过滤器,用于解决鼠标进入其它控件后还原为标准鼠标样式"""
|
||||
if isinstance(event, QEnterEvent):
|
||||
self.setCursor(Qt.ArrowCursor)
|
||||
return super(FramelessWindow, self).eventFilter(obj, event)
|
||||
|
||||
def paintEvent(self, event):
|
||||
"""由于是全透明背景窗口,重绘事件中绘制透明度为1的难以发现的边框,用于调整窗口大小"""
|
||||
super(FramelessWindow, self).paintEvent(event)
|
||||
painter = QPainter(self)
|
||||
painter.setPen(QPen(QColor(255, 255, 255, 1), 2 * self.Margins))
|
||||
painter.drawRect(self.rect())
|
||||
|
||||
def mousePressEvent(self, event):
|
||||
"""鼠标点击事件"""
|
||||
super(FramelessWindow, self).mousePressEvent(event)
|
||||
if event.button() == Qt.LeftButton:
|
||||
self._mpos = event.pos()
|
||||
self._pressed = True
|
||||
|
||||
def mouseReleaseEvent(self, event):
|
||||
'''鼠标弹起事件'''
|
||||
super(FramelessWindow, self).mouseReleaseEvent(event)
|
||||
self._pressed = False
|
||||
self.Direction = None
|
||||
|
||||
def mouseMoveEvent(self, event):
|
||||
"""鼠标移动事件"""
|
||||
super(FramelessWindow, self).mouseMoveEvent(event)
|
||||
pos = event.pos()
|
||||
xPos, yPos = pos.x(), pos.y()
|
||||
wm, hm = self.width() - self.Margins, self.height() - self.Margins
|
||||
if self.isMaximized() or self.isFullScreen():
|
||||
self.Direction = None
|
||||
self.setCursor(Qt.ArrowCursor)
|
||||
return
|
||||
if event.buttons() == Qt.LeftButton and self._pressed:
|
||||
self._resizeWidget(pos)
|
||||
return
|
||||
if xPos <= self.Margins and yPos <= self.Margins:
|
||||
# 左上角
|
||||
self.Direction = LeftTop
|
||||
self.setCursor(Qt.SizeFDiagCursor)
|
||||
elif wm <= xPos <= self.width() and hm <= yPos <= self.height():
|
||||
# 右下角
|
||||
self.Direction = RightBottom
|
||||
self.setCursor(Qt.SizeFDiagCursor)
|
||||
elif wm <= xPos and yPos <= self.Margins:
|
||||
# 右上角
|
||||
self.Direction = RightTop
|
||||
self.setCursor(Qt.SizeBDiagCursor)
|
||||
elif xPos <= self.Margins and hm <= yPos:
|
||||
# 左下角
|
||||
self.Direction = LeftBottom
|
||||
self.setCursor(Qt.SizeBDiagCursor)
|
||||
elif 0 <= xPos <= self.Margins and self.Margins <= yPos <= hm:
|
||||
# 左边
|
||||
self.Direction = Left
|
||||
self.setCursor(Qt.SizeHorCursor)
|
||||
elif wm <= xPos <= self.width() and self.Margins <= yPos <= hm:
|
||||
# 右边
|
||||
self.Direction = Right
|
||||
self.setCursor(Qt.SizeHorCursor)
|
||||
elif self.Margins <= xPos <= wm and 0 <= yPos <= self.Margins:
|
||||
# 上面
|
||||
self.Direction = Top
|
||||
self.setCursor(Qt.SizeVerCursor)
|
||||
elif self.Margins <= xPos <= wm and hm <= yPos <= self.height():
|
||||
# 下面
|
||||
self.Direction = Bottom
|
||||
self.setCursor(Qt.SizeVerCursor)
|
||||
|
||||
def _resizeWidget(self, pos):
|
||||
"""调整窗口大小"""
|
||||
if self.Direction == None:
|
||||
return
|
||||
mpos = pos - self._mpos
|
||||
xPos, yPos = mpos.x(), mpos.y()
|
||||
geometry = self.geometry()
|
||||
x, y, w, h = geometry.x(), geometry.y(), geometry.width(), geometry.height()
|
||||
if self.Direction == LeftTop: # 左上角
|
||||
if w - xPos > self.minimumWidth():
|
||||
x += xPos
|
||||
w -= xPos
|
||||
if h - yPos > self.minimumHeight():
|
||||
y += yPos
|
||||
h -= yPos
|
||||
elif self.Direction == RightBottom: # 右下角
|
||||
if w + xPos > self.minimumWidth():
|
||||
w += xPos
|
||||
self._mpos = pos
|
||||
if h + yPos > self.minimumHeight():
|
||||
h += yPos
|
||||
self._mpos = pos
|
||||
elif self.Direction == RightTop: # 右上角
|
||||
if h - yPos > self.minimumHeight():
|
||||
y += yPos
|
||||
h -= yPos
|
||||
if w + xPos > self.minimumWidth():
|
||||
w += xPos
|
||||
self._mpos.setX(pos.x())
|
||||
elif self.Direction == LeftBottom: # 左下角
|
||||
if w - xPos > self.minimumWidth():
|
||||
x += xPos
|
||||
w -= xPos
|
||||
if h + yPos > self.minimumHeight():
|
||||
h += yPos
|
||||
self._mpos.setY(pos.y())
|
||||
elif self.Direction == Left: # 左边
|
||||
if w - xPos > self.minimumWidth():
|
||||
x += xPos
|
||||
w -= xPos
|
||||
else:
|
||||
return
|
||||
elif self.Direction == Right: # 右边
|
||||
if w + xPos > self.minimumWidth():
|
||||
w += xPos
|
||||
self._mpos = pos
|
||||
else:
|
||||
return
|
||||
elif self.Direction == Top: # 上面
|
||||
if h - yPos > self.minimumHeight():
|
||||
y += yPos
|
||||
h -= yPos
|
||||
else:
|
||||
return
|
||||
elif self.Direction == Bottom: # 下面
|
||||
if h + yPos > self.minimumHeight():
|
||||
h += yPos
|
||||
self._mpos = pos
|
||||
else:
|
||||
return
|
||||
self.setGeometry(x, y, w, h)
|
||||
Loading…
Reference in a new issue