Skip to content

GitLab

Commit 2459262e authored by Zheng Yile's avatar Zheng Yile
Browse files

Update NewPushButton

parent fcb7130f
Hide whitespace changes
Inline Side-by-side
codiaclientgui/utils.py
View file @ 2459262e
import sys
from PyQt5.QtCore import Qt, QPropertyAnimation, pyqtSignal, QRect, pyqtProperty, QObject, QEasingCurve
from PyQt5.QtGui import QFont, QPalette, QBrush, QColor, QPainterPath, QPainter
from PyQt5.QtWidgets import QApplication, QPushButton, QLabel, QFrame
from PyQt5.QtCore import Qt, QPropertyAnimation, pyqtSignal, pyqtProperty, QEasingCurve
from PyQt5.QtGui import QFont, QPalette, QBrush, QColor, QPainterPath, QPainter, QPen
from PyQt5.QtWidgets import QPushButton, QLabel
Font = {
'main': QFont(),
......@@ -18,59 +18,219 @@ Style = {
"progressBar": "",
}
class _NewPushButton(QLabel):
class MyObject(QLabel):
defaultColor = QColor(241, 242, 243)
hoverColor = QColor(227, 240, 255)
pressColor = QColor(213, 224, 240)
isEnabledChanged = pyqtSignal()
changeSignal = pyqtSignal()
enterSignal = pyqtSignal()
leaveSignal = pyqtSignal()
pressSignal = pyqtSignal()
showSignal = pyqtSignal()
hideSignal = pyqtSignal()
clicked = pyqtSignal()
nowColor = QColor(241, 242, 243)
linkedObject = None
Coloring = QPalette.Window
def setColor(self, col):
palette = self.palette()
palette.setBrush(QPalette.Active, QPalette.Background, QBrush(col))
palette.setBrush(QPalette.Active, self.Coloring, QBrush(col))
palette.setBrush(QPalette.Inactive, self.Coloring, QBrush(self.defaultColor))
self.setPalette(palette)
self.nowColor = col
color = pyqtProperty(QColor, fset=setColor)
def __init__(self, parent):
super(_NewPushButton, self).__init__(parent)
self.setStyleSheet("_NewPushButton { border: 1px solid #717273; border-radius: 5px } _NewPushButton:hover { border: 1px solid blue } NewPushButton:disabled { background-color: #f1f2f3 }")
self.setAlignment(Qt.AlignHCenter | Qt.AlignVCenter)
def link(self, linkedObject):
self.linkedObject = linkedObject
def __init__(self, *arg, **kargs):
super(MyObject, self).__init__(*arg, **kargs)
self.Anime = {
"load": QPropertyAnimation(self, b"color"),
"enter": QPropertyAnimation(self, b"color"),
"press": QPropertyAnimation(self, b"color"),
"leave": QPropertyAnimation(self, b"color")
}
self.enterSignal.connect(self.EnterAnime)
self.leaveSignal.connect(self.LeaveAnime)
self.pressSignal.connect(self.PressAnime)
def setEnabled(self, status: bool):
super(MyObject, self).setEnabled(status)
self.isEnabledChanged.emit()
if self.linkedObject and self.linkedObject.isEnabled() != status:
self.linkedObject.setEnabled(status)
def enterEvent(self, e):
# print("enterEvent")
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.enterAnime = QPropertyAnimation(self, b"color")
self.enterAnime.setDuration(400)
self.enterAnime.setStartValue(self.nowColor)
self.enterAnime.setEndValue(QColor(227, 240, 255))
self.enterAnime.setEasingCurve(QEasingCurve.OutCubic)
self.enterAnime.start()
if not self.isVisible(): return
self.enterSignal.emit()
self.linkedObject and self.linkedObject.enterSignal.emit()
def leaveEvent(self, e):
# print("leaveEvent")
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.leaveAnime = QPropertyAnimation(self, b"color")
self.leaveAnime.setDuration(400)
self.leaveAnime.setStartValue(self.nowColor)
self.leaveAnime.setEndValue(QColor(241, 242, 243))
self.leaveAnime.setEasingCurve(QEasingCurve.OutCubic)
self.leaveAnime.start()
self.leaveSignal.emit()
self.linkedObject and self.linkedObject.leaveSignal.emit()
def mouseReleaseEvent(self, e):
# print("mouseReleaseEvent")
if 0 <= e.x() <= self.width() and 0 <= e.y() <= self.height():
self.clicked.emit()
self.linkedObject and self.linkedObject.clicked.emit()
self.enterEvent(e)
def mousePressEvent(self, e):
self.pressSignal.emit()
self.linkedObject and self.linkedObject.pressSignal.emit()
def showEvent(self, e):
self.showSignal.emit()
self.setVisible(True)
self.linkedObject and self.linkedObject.setVisible(self.isVisible())
def hideEvent(self, e):
self.hideSignal.emit()
def LoadAnime(self):
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.pressedAnime = QPropertyAnimation(self, b"color")
self.pressedAnime.setDuration(400)
self.pressedAnime.setStartValue(self.nowColor)
self.pressedAnime.setEndValue(QColor(207, 220, 235))
self.pressedAnime.setEasingCurve(QEasingCurve.OutCubic)
self.pressedAnime.start()
self.Anime['load'].setStartValue(self.palette().color(self.Coloring))
for x in self.Anime: self.Anime[x].stop()
self.Anime['load'].start()
def EnterAnime(self):
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.Anime['enter'].setStartValue(self.nowColor)
for x in self.Anime: self.Anime[x].stop()
self.Anime['enter'].start()
def PressAnime(self):
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.Anime['press'].setStartValue(self.nowColor)
for x in self.Anime: self.Anime[x].stop()
self.Anime['press'].start()
def LeaveAnime(self):
if not self.isEnabled(): return
self.setAutoFillBackground(True)
self.Anime['leave'].setStartValue(self.nowColor)
for x in self.Anime: self.Anime[x].stop()
self.Anime['leave'].start()
class _NewPushButtonBorder(MyObject):
def __init__(self, *args, defaultColor: QColor, hoverColor: QColor, pressColor: QColor, r: float, d: float, actualParent = None, **kargs):
super(_NewPushButtonBorder, self).__init__(*args, **kargs)
self.Coloring = QPalette.Base
self.defaultColor = defaultColor
self.hoverColor = hoverColor
self.pressColor = pressColor
self.link(actualParent)
self.r = r # 圆角半径
self.d = d # 边框宽度
self.Anime['load'].setDuration(1)
self.Anime['load'].setEndValue(self.defaultColor)
self.Anime['load'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['enter'].setDuration(400)
self.Anime['enter'].setEndValue(self.hoverColor)
self.Anime['enter'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['press'].setDuration(200)
self.Anime['press'].setEndValue(self.pressColor)
self.Anime['press'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['leave'].setDuration(400)
self.Anime['leave'].setEndValue(self.defaultColor)
self.Anime['leave'].setEasingCurve(QEasingCurve.OutCubic)
self.showSignal.connect(self.GetBorderPath)
self.LoadAnime()
def BorderColor(color: QColor):
r = color.red() // 2
g = color.green() // 2
b = color.blue() // 2
if b >= g and b >= r: b = color.blue() // 1.6
elif r >= g and r >= b: r = color.red() // 1.6
elif g >= b and g >= r: g = color.green() // 1.6
return QColor(r, g, b)
def paintEvent(self, e):
self.nowColor = self.palette().color(QPalette.Base)
painter = QPainter(self)
painter.setRenderHint(QPainter.Antialiasing, True)
painter.setPen(QPen(_NewPushButtonBorder.BorderColor(self.nowColor), self.d))
painter.setBrush(self.nowColor)
painter.drawPath(self.borderPath)
painter.setPen(QPen(QColor(0, 0, 0)))
def GetBorderPath(self):
x = y = r = self.r
d = self.d
path = QPainterPath()
path.moveTo(y, x - r)
path.arcTo(y - r, x - r, 2 * r, 2 * r, 90, 90)
x = x + self.height() - 2 * r - d
path.lineTo(y - r, x)
path.arcTo(y - r, x - r, 2 * r, 2 * r, 180, 90)
y = y + self.width() - 2 * r - d
path.lineTo(y, x + r)
path.arcTo(y - r, x - r, 2 * r, 2 * r, 270, 90)
x = x - self.height() + 2 * r + d
path.lineTo(y + r, x)
path.arcTo(y - r, x - r, 2 * r, 2 * r, 0, 90)
y = y - self.width() + 2 * r + d
path.lineTo(y, x - r)
self.borderPath = path
class _NewPushButton(MyObject):
showed = False
def __init__(self, *args, defaultColor: QColor = MyObject.defaultColor, hoverColor: QColor = MyObject.hoverColor, pressColor: QColor = MyObject.pressColor, r = None, d = None, **kargs):
super(_NewPushButton, self).__init__(*args, **kargs)
self.r = r
self.d = d
self.defaultColor = defaultColor
self.hoverColor = hoverColor
self.pressColor = pressColor
self.setAlignment(Qt.AlignHCenter | Qt.AlignVCenter)
# self.setFrameShadow(QFrame.Raised)
# self.setFrameShape(QFrame.NoFrame)
self.Anime['load'].setDuration(400)
self.Anime['load'].setEndValue(self.defaultColor)
self.Anime['load'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['press'].setDuration(200)
self.Anime['press'].setEndValue(self.pressColor)
self.Anime['press'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['enter'].setDuration(400)
self.Anime['enter'].setEndValue(self.hoverColor)
self.Anime['enter'].setEasingCurve(QEasingCurve.OutCubic)
self.Anime['leave'].setDuration(400)
self.Anime['leave'].setEndValue(self.defaultColor)
self.Anime['leave'].setEasingCurve(QEasingCurve.OutCubic)
self.showSignal.connect(self.LoadAnime)
self.hideSignal.connect(self.HideAnime)
def HideAnime(self):
if not self.showed: return
self.linkedObject.hide()
self.leaveSignal.emit()
self.linkedObject and self.linkedObject.leaveSignal.emit()
def LoadAnime(self):
if not self.isEnabled(): return
if self.showed:
self.linkedObject.show()
return
self.showed = True
# print(self.objectName(), "show")
if not self.r: self.r = self.height() / 2 - 1
if not self.d: self.d = 1.5
self.link(_NewPushButtonBorder(r = self.r, d = self.d, defaultColor = self.defaultColor, hoverColor = self.hoverColor, pressColor = self.pressColor, parent = self.parent(), actualParent = self))
self.linkedObject.setGeometry(self.x(), self.y(), self.width(), self.height())
self.linkedObject.show()
self.setGeometry(self.x() + self.r, self.y() + self.d * 2, self.width() - self.r * 2, self.height() - self.d * 4)
self.raise_()
super(_NewPushButton, self).LoadAnime()
import sys
if sys.platform == 'win32':
Font['main'].setFamily("Microsoft YaHei")
Font['main'].setPointSize(10)
......
loginWindow.py
View file @ 2459262e
......@@ -188,7 +188,7 @@ class Ui_windowLogin(object):
self.lineEditResetNewPassword.setFont(font)
self.lineEditResetNewPassword.setObjectName("lineEditResetNewPassword")
self.pushButtonResetAcquire = NewPushButton(self.frameReset)
self.pushButtonResetAcquire.setGeometry(QtCore.QRect(350, 70, 110, 30))
self.pushButtonResetAcquire.setGeometry(QtCore.QRect(340, 70, 120, 32))
self.pushButtonResetAcquire.setObjectName("pushButtonResetAcquire")
self.pushButtonResetReturn = NewPushButton(self.frameReset)
self.pushButtonResetReturn.setGeometry(QtCore.QRect(315, 190, 120, 32))
......
loginWindow.ui
View file @ 2459262e
......@@ -560,10 +560,10 @@
<widget class="NewPushButton" name="pushButtonResetAcquire">
<property name="geometry">
<rect>
<x>350</x>
<x>340</x>
<y>70</y>
<width>110</width>
<height>30</height>
<width>120</width>
<height>32</height>
</rect>
</property>
<property name="text">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment