镜像自地址
https://github.com/a13zhy/a13rollcall.git
已同步 2026-10-20 19:37:47 +08:00
579 行
18 KiB
Python
579 行
18 KiB
Python
# -*- coding: utf-8 -*-
|
|
"""
|
|
A13课堂点名系统 - 现代化UI组件库
|
|
包含统一的按钮、卡片、加载动画等组件，提供一致的视觉风格和微交互
|
|
"""
|
|
|
|
from PyQt5.QtWidgets import (
|
|
QPushButton, QWidget, QVBoxLayout, QHBoxLayout, QLabel,
|
|
QGraphicsDropShadowEffect, QFrame, QSizePolicy
|
|
)
|
|
from PyQt5.QtCore import (
|
|
Qt, QPropertyAnimation, QEasingCurve, QTimer, QSize, pyqtSignal,
|
|
QPointF
|
|
)
|
|
from PyQt5.QtGui import (
|
|
QColor, QFont, QPainter, QBrush, QPen, QRadialGradient,
|
|
QLinearGradient, QPainterPath, QCursor
|
|
)
|
|
import math
|
|
|
|
|
|
# ==================== 颜色主题 ====================
|
|
class ThemeColors:
|
|
PRIMARY = "#0067c0"
|
|
PRIMARY_HOVER = "#106ebe"
|
|
PRIMARY_PRESSED = "#005a9e"
|
|
PRIMARY_LIGHT = "#0078d4"
|
|
|
|
SUCCESS = "#107c10"
|
|
SUCCESS_HOVER = "#0e6c0e"
|
|
SUCCESS_PRESSED = "#0b5a0b"
|
|
|
|
WARNING = "#ca5010"
|
|
WARNING_HOVER = "#b04810"
|
|
WARNING_PRESSED = "#963d0e"
|
|
|
|
DANGER = "#c42b1c"
|
|
DANGER_HOVER = "#a52517"
|
|
DANGER_PRESSED = "#8a1f13"
|
|
|
|
GHOST_BG = "transparent"
|
|
GHOST_BORDER = "#0067c0"
|
|
GHOST_HOVER_BG = "#e5f1fb"
|
|
|
|
WHITE = "#ffffff"
|
|
TEXT_PRIMARY = "#1a1a1a"
|
|
TEXT_SECONDARY = "#666666"
|
|
TEXT_DISABLED = "#999999"
|
|
BG_HOVER = "#f0f0f0"
|
|
BG_PRESSED = "#e0e0e0"
|
|
|
|
DARK_BG = "#2d2d2d"
|
|
DARK_TEXT = "#ffffff"
|
|
DARK_BORDER = "#404040"
|
|
|
|
|
|
# ==================== 现代化按钮 ====================
|
|
class ModernButton(QPushButton):
|
|
"""
|
|
现代化按钮组件
|
|
支持悬停缩放、阴影、渐变背景等微交互效果
|
|
"""
|
|
|
|
STYLE_PRIMARY = "primary"
|
|
STYLE_SUCCESS = "success"
|
|
STYLE_WARNING = "warning"
|
|
STYLE_DANGER = "danger"
|
|
STYLE_GHOST = "ghost"
|
|
STYLE_NEUTRAL = "neutral"
|
|
|
|
def __init__(self, text="", style_type=STYLE_PRIMARY, parent=None):
|
|
super().__init__(text, parent)
|
|
self.style_type = style_type
|
|
self._hover_animation = None
|
|
self._press_animation = None
|
|
self._shadow_effect = None
|
|
self._original_height = None
|
|
self._setup_style()
|
|
self._setup_animations()
|
|
|
|
def _setup_style(self):
|
|
self.setCursor(QCursor(Qt.PointingHandCursor))
|
|
self.setMinimumHeight(36)
|
|
self.setFont(QFont("Microsoft YaHei", 10, QFont.Bold))
|
|
self._update_style()
|
|
|
|
def _setup_animations(self):
|
|
self._shadow_effect = QGraphicsDropShadowEffect(self)
|
|
self._shadow_effect.setBlurRadius(0)
|
|
self._shadow_effect.setOffset(0, 0)
|
|
self._shadow_effect.setColor(QColor(0, 0, 0, 0))
|
|
self.setGraphicsEffect(self._shadow_effect)
|
|
|
|
def _get_colors(self):
|
|
styles = {
|
|
self.STYLE_PRIMARY: (
|
|
ThemeColors.PRIMARY, ThemeColors.PRIMARY_HOVER,
|
|
ThemeColors.PRIMARY_PRESSED, ThemeColors.WHITE
|
|
),
|
|
self.STYLE_SUCCESS: (
|
|
ThemeColors.SUCCESS, ThemeColors.SUCCESS_HOVER,
|
|
ThemeColors.SUCCESS_PRESSED, ThemeColors.WHITE
|
|
),
|
|
self.STYLE_WARNING: (
|
|
ThemeColors.WARNING, ThemeColors.WARNING_HOVER,
|
|
ThemeColors.WARNING_PRESSED, ThemeColors.WHITE
|
|
),
|
|
self.STYLE_DANGER: (
|
|
ThemeColors.DANGER, ThemeColors.DANGER_HOVER,
|
|
ThemeColors.DANGER_PRESSED, ThemeColors.WHITE
|
|
),
|
|
self.STYLE_GHOST: (
|
|
"transparent", ThemeColors.GHOST_HOVER_BG,
|
|
ThemeColors.BG_PRESSED, ThemeColors.PRIMARY
|
|
),
|
|
self.STYLE_NEUTRAL: (
|
|
"#f5f5f5", ThemeColors.BG_HOVER,
|
|
ThemeColors.BG_PRESSED, ThemeColors.TEXT_PRIMARY
|
|
),
|
|
}
|
|
return styles.get(self.style_type, styles[self.STYLE_PRIMARY])
|
|
|
|
def _update_style(self):
|
|
normal, hover, pressed, text_color = self._get_colors()
|
|
border = f"border: 1px solid {ThemeColors.GHOST_BORDER};" if self.style_type == self.STYLE_GHOST else "border: none;"
|
|
|
|
self.setStyleSheet(f"""
|
|
QPushButton {{
|
|
background: {normal};
|
|
color: {text_color};
|
|
{border}
|
|
border-radius: 6px;
|
|
padding: 8px 20px;
|
|
font-weight: 600;
|
|
font-size: 10pt;
|
|
}}
|
|
QPushButton:hover {{
|
|
background: {hover};
|
|
}}
|
|
QPushButton:pressed {{
|
|
background: {pressed};
|
|
}}
|
|
QPushButton:disabled {{
|
|
background: #e0e0e0;
|
|
color: #999999;
|
|
border: none;
|
|
}}
|
|
""")
|
|
|
|
def enterEvent(self, event):
|
|
super().enterEvent(event)
|
|
if self.isEnabled():
|
|
self._start_hover_animation(True)
|
|
|
|
def leaveEvent(self, event):
|
|
super().leaveEvent(event)
|
|
self._start_hover_animation(False)
|
|
|
|
def mousePressEvent(self, event):
|
|
super().mousePressEvent(event)
|
|
if self.isEnabled():
|
|
self._start_press_animation(True)
|
|
|
|
def mouseReleaseEvent(self, event):
|
|
super().mouseReleaseEvent(event)
|
|
self._start_press_animation(False)
|
|
|
|
def _start_hover_animation(self, is_hover):
|
|
try:
|
|
if self._hover_animation and self._hover_animation.state() == QPropertyAnimation.Running:
|
|
self._hover_animation.stop()
|
|
|
|
self._hover_animation = QPropertyAnimation(self._shadow_effect, b"blurRadius")
|
|
self._hover_animation.setDuration(200)
|
|
self._hover_animation.setStartValue(self._shadow_effect.blurRadius())
|
|
self._hover_animation.setEndValue(15 if is_hover else 0)
|
|
self._hover_animation.setEasingCurve(QEasingCurve.OutCubic)
|
|
self._hover_animation.start()
|
|
|
|
offset_anim = QPropertyAnimation(self._shadow_effect, b"offset")
|
|
offset_anim.setDuration(200)
|
|
offset_anim.setStartValue(self._shadow_effect.offset())
|
|
offset_anim.setEndValue(QPointF(0, 4 if is_hover else 0))
|
|
offset_anim.setEasingCurve(QEasingCurve.OutCubic)
|
|
offset_anim.start()
|
|
|
|
color = QColor(0, 103, 192, 80 if is_hover else 0)
|
|
self._shadow_effect.setColor(color)
|
|
except Exception:
|
|
pass
|
|
|
|
def _start_press_animation(self, is_pressed):
|
|
try:
|
|
if self._press_animation and self._press_animation.state() == QPropertyAnimation.Running:
|
|
self._press_animation.stop()
|
|
|
|
self._press_animation = QPropertyAnimation(self, b"minimumHeight")
|
|
self._press_animation.setDuration(100)
|
|
current_height = self.height() if self.height() > 0 else 36
|
|
self._press_animation.setStartValue(current_height)
|
|
self._press_animation.setEndValue(34 if is_pressed else 36)
|
|
self._press_animation.setEasingCurve(QEasingCurve.OutCubic)
|
|
self._press_animation.start()
|
|
except Exception:
|
|
pass
|
|
|
|
def set_style_type(self, style_type):
|
|
self.style_type = style_type
|
|
self._update_style()
|
|
|
|
|
|
# ==================== 大按钮（用于主操作） ====================
|
|
class LargeButton(ModernButton):
|
|
"""大按钮，用于主要操作，如开始抽取"""
|
|
|
|
def __init__(self, text="", style_type=ModernButton.STYLE_PRIMARY, parent=None):
|
|
super().__init__(text, style_type, parent)
|
|
self.setMinimumHeight(52)
|
|
self.setFont(QFont("Microsoft YaHei", 12, QFont.Bold))
|
|
self.setStyleSheet(self.styleSheet().replace("padding: 8px 20px;", "padding: 12px 32px;"))
|
|
|
|
|
|
# ==================== 图标按钮 ====================
|
|
class IconButton(QPushButton):
|
|
"""图标按钮，仅显示图标，用于工具栏等"""
|
|
|
|
def __init__(self, icon_path="", tooltip="", parent=None):
|
|
super().__init__(parent)
|
|
self.icon_path = icon_path
|
|
self._setup_style()
|
|
if tooltip:
|
|
self.setToolTip(tooltip)
|
|
self.setCursor(QCursor(Qt.PointingHandCursor))
|
|
self.setFixedSize(36, 36)
|
|
|
|
def _setup_style(self):
|
|
self.setStyleSheet("""
|
|
QPushButton {
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 6px;
|
|
}
|
|
QPushButton:hover {
|
|
background: #f0f0f0;
|
|
}
|
|
QPushButton:pressed {
|
|
background: #e0e0e0;
|
|
}
|
|
""")
|
|
|
|
def paintEvent(self, event):
|
|
super().paintEvent(event)
|
|
if self.icon_path and self.icon_path.endswith('.svg'):
|
|
try:
|
|
painter = QPainter(self)
|
|
painter.setRenderHint(QPainter.Antialiasing)
|
|
from PyQt5.QtSvg import QSvgRenderer
|
|
renderer = QSvgRenderer(self.icon_path)
|
|
renderer.render(painter, self.rect().adjusted(8, 8, -8, -8))
|
|
painter.end()
|
|
except Exception:
|
|
pass
|
|
|
|
|
|
# ==================== 现代化卡片 ====================
|
|
class ModernCard(QFrame):
|
|
"""现代化卡片组件，带圆角和阴影"""
|
|
|
|
def __init__(self, parent=None):
|
|
super().__init__(parent)
|
|
self._setup_style()
|
|
self._setup_shadow()
|
|
self._layout = QVBoxLayout(self)
|
|
self._layout.setContentsMargins(16, 16, 16, 16)
|
|
self._layout.setSpacing(12)
|
|
|
|
def _setup_style(self):
|
|
self.setStyleSheet("""
|
|
QFrame {
|
|
background: white;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 8px;
|
|
}
|
|
""")
|
|
self.setFrameShape(QFrame.StyledPanel)
|
|
|
|
def _setup_shadow(self):
|
|
shadow = QGraphicsDropShadowEffect(self)
|
|
shadow.setBlurRadius(20)
|
|
shadow.setOffset(0, 4)
|
|
shadow.setColor(QColor(0, 0, 0, 30))
|
|
self.setGraphicsEffect(shadow)
|
|
|
|
def add_widget(self, widget):
|
|
self._layout.addWidget(widget)
|
|
|
|
def add_layout(self, layout):
|
|
self._layout.addLayout(layout)
|
|
|
|
def add_stretch(self):
|
|
self._layout.addStretch()
|
|
|
|
|
|
# ==================== Windows风格加载动画 ====================
|
|
class WindowsLoader(QWidget):
|
|
"""
|
|
Windows 11风格加载动画
|
|
六个点依次亮起，形成流动效果
|
|
"""
|
|
|
|
def __init__(self, parent=None, size=40, color="#0067c0"):
|
|
super().__init__(parent)
|
|
self.size = size
|
|
self.color = color
|
|
self._timer = None
|
|
self._current_dot = 0
|
|
self._dots = 6
|
|
self.setFixedSize(size, size)
|
|
self._start_animation()
|
|
|
|
def _start_animation(self):
|
|
self._timer = QTimer(self)
|
|
self._timer.timeout.connect(self._update_animation)
|
|
self._timer.start(80)
|
|
|
|
def _update_animation(self):
|
|
self._current_dot = (self._current_dot + 1) % self._dots
|
|
self.update()
|
|
|
|
def paintEvent(self, event):
|
|
painter = QPainter(self)
|
|
painter.setRenderHint(QPainter.Antialiasing)
|
|
|
|
center_x = self.width() / 2
|
|
center_y = self.height() / 2
|
|
radius = self.width() * 0.35
|
|
dot_radius = self.width() * 0.08
|
|
|
|
for i in range(self._dots):
|
|
angle = (i / self._dots) * 2 * math.pi - math.pi / 2
|
|
x = int(center_x + radius * math.cos(angle))
|
|
y = int(center_y + radius * math.sin(angle))
|
|
|
|
offset = (i - self._current_dot) % self._dots
|
|
if offset == 0:
|
|
alpha = 255
|
|
scale = 1.3
|
|
elif offset == 1:
|
|
alpha = 180
|
|
scale = 1.1
|
|
elif offset == 2:
|
|
alpha = 120
|
|
scale = 1.0
|
|
else:
|
|
alpha = 60
|
|
scale = 0.9
|
|
|
|
color = QColor(self.color)
|
|
color.setAlpha(alpha)
|
|
painter.setBrush(QBrush(color))
|
|
painter.setPen(Qt.NoPen)
|
|
dot_size = int(max(1, dot_radius * scale))
|
|
painter.drawEllipse(x - dot_size, y - dot_size, dot_size * 2, dot_size * 2)
|
|
|
|
painter.end()
|
|
|
|
def stop(self):
|
|
if self._timer:
|
|
self._timer.stop()
|
|
|
|
def start(self):
|
|
if self._timer:
|
|
self._timer.start()
|
|
|
|
|
|
# ==================== 进度条加载动画 ====================
|
|
class ProgressLoader(QWidget):
|
|
"""
|
|
进度条样式加载动画
|
|
显示不确定进度的流动效果
|
|
"""
|
|
|
|
def __init__(self, parent=None, width=200, height=6, color="#0067c0"):
|
|
super().__init__(parent)
|
|
self.color = color
|
|
self._progress = 0
|
|
self._timer = None
|
|
self.setFixedSize(width, height)
|
|
self._start_animation()
|
|
|
|
def _start_animation(self):
|
|
self._timer = QTimer(self)
|
|
self._timer.timeout.connect(self._update_progress)
|
|
self._timer.start(30)
|
|
|
|
def _update_progress(self):
|
|
self._progress = (self._progress + 2) % 100
|
|
self.update()
|
|
|
|
def paintEvent(self, event):
|
|
painter = QPainter(self)
|
|
painter.setRenderHint(QPainter.Antialiasing)
|
|
|
|
w = self.width()
|
|
h = self.height()
|
|
|
|
bg_color = QColor("#e0e0e0")
|
|
painter.setBrush(QBrush(bg_color))
|
|
painter.setPen(Qt.NoPen)
|
|
painter.drawRoundedRect(0, 0, w, h, 3, 3)
|
|
|
|
bar_width = int(w * 0.3)
|
|
x = int((self._progress / 100) * (w - bar_width))
|
|
|
|
gradient = QLinearGradient(x, 0, x + bar_width, 0)
|
|
gradient.setColorAt(0, QColor(self.color, 100))
|
|
gradient.setColorAt(0.5, QColor(self.color, 255))
|
|
gradient.setColorAt(1, QColor(self.color, 100))
|
|
|
|
painter.setBrush(QBrush(gradient))
|
|
painter.drawRoundedRect(x, 0, bar_width, h, 3, 3)
|
|
|
|
painter.end()
|
|
|
|
def stop(self):
|
|
if self._timer:
|
|
self._timer.stop()
|
|
|
|
def start(self):
|
|
if self._timer:
|
|
self._timer.start()
|
|
|
|
|
|
# ==================== 加载遮罩 ====================
|
|
class LoadingOverlay(QWidget):
|
|
"""加载遮罩，覆盖在父窗口上显示加载动画"""
|
|
|
|
def __init__(self, parent=None, text="加载中..."):
|
|
super().__init__(parent)
|
|
self.text = text
|
|
self._setup_ui()
|
|
self.hide()
|
|
|
|
def _setup_ui(self):
|
|
self.setAttribute(Qt.WA_TranslucentBackground)
|
|
self.setStyleSheet("background: transparent;")
|
|
|
|
layout = QVBoxLayout(self)
|
|
layout.setAlignment(Qt.AlignCenter)
|
|
layout.setSpacing(16)
|
|
|
|
self.loader = WindowsLoader(size=60)
|
|
layout.addWidget(self.loader, 0, Qt.AlignCenter)
|
|
|
|
self.label = QLabel(self.text)
|
|
self.label.setStyleSheet("""
|
|
color: #0067c0;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
background: transparent;
|
|
""")
|
|
self.label.setAlignment(Qt.AlignCenter)
|
|
layout.addWidget(self.label)
|
|
|
|
def showEvent(self, event):
|
|
super().showEvent(event)
|
|
if self.parent():
|
|
self.setGeometry(self.parent().rect())
|
|
|
|
def set_text(self, text):
|
|
self.text = text
|
|
self.label.setText(text)
|
|
|
|
def start(self):
|
|
self.show()
|
|
self.loader.start()
|
|
|
|
def stop(self):
|
|
self.loader.stop()
|
|
self.hide()
|
|
|
|
|
|
# ==================== 状态标签 ====================
|
|
class StatusBadge(QLabel):
|
|
"""状态标签，用于显示各种状态"""
|
|
|
|
TYPE_SUCCESS = "success"
|
|
TYPE_WARNING = "warning"
|
|
TYPE_ERROR = "error"
|
|
TYPE_INFO = "info"
|
|
TYPE_NEUTRAL = "neutral"
|
|
|
|
def __init__(self, text="", badge_type=TYPE_INFO, parent=None):
|
|
super().__init__(text, parent)
|
|
self.badge_type = badge_type
|
|
self._setup_style()
|
|
|
|
def _setup_style(self):
|
|
colors = {
|
|
self.TYPE_SUCCESS: ("#107c10", "#e8f5e9"),
|
|
self.TYPE_WARNING: ("#ca5010", "#fff3e0"),
|
|
self.TYPE_ERROR: ("#c42b1c", "#ffebee"),
|
|
self.TYPE_INFO: ("#0067c0", "#e3f2fd"),
|
|
self.TYPE_NEUTRAL: ("#666666", "#f5f5f5"),
|
|
}
|
|
text_color, bg_color = colors.get(self.badge_type, colors[self.TYPE_INFO])
|
|
|
|
self.setStyleSheet(f"""
|
|
QLabel {{
|
|
background: {bg_color};
|
|
color: {text_color};
|
|
border: 1px solid {text_color};
|
|
border-radius: 10px;
|
|
padding: 4px 12px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
}}
|
|
""")
|
|
self.setAlignment(Qt.AlignCenter)
|
|
|
|
def set_type(self, badge_type):
|
|
self.badge_type = badge_type
|
|
self._setup_style()
|
|
|
|
|
|
# ==================== 分割线 ====================
|
|
class Divider(QFrame):
|
|
"""分割线组件"""
|
|
|
|
HORIZONTAL = 0
|
|
VERTICAL = 1
|
|
|
|
def __init__(self, orientation=HORIZONTAL, parent=None):
|
|
super().__init__(parent)
|
|
if orientation == self.HORIZONTAL:
|
|
self.setFrameShape(QFrame.HLine)
|
|
self.setFixedHeight(1)
|
|
else:
|
|
self.setFrameShape(QFrame.VLine)
|
|
self.setFixedWidth(1)
|
|
self.setStyleSheet("background: #e0e0e0; border: none;")
|
|
self.setFrameShadow(QFrame.Plain)
|
|
|
|
|
|
# ==================== 工具函数 ====================
|
|
def create_primary_button(text, parent=None):
|
|
"""创建主按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_PRIMARY, parent)
|
|
|
|
|
|
def create_success_button(text, parent=None):
|
|
"""创建成功按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_SUCCESS, parent)
|
|
|
|
|
|
def create_warning_button(text, parent=None):
|
|
"""创建警告按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_WARNING, parent)
|
|
|
|
|
|
def create_danger_button(text, parent=None):
|
|
"""创建危险按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_DANGER, parent)
|
|
|
|
|
|
def create_ghost_button(text, parent=None):
|
|
"""创建幽灵按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_GHOST, parent)
|
|
|
|
|
|
def create_neutral_button(text, parent=None):
|
|
"""创建中性按钮"""
|
|
return ModernButton(text, ModernButton.STYLE_NEUTRAL, parent)
|
|
|
|
|
|
def create_large_button(text, parent=None):
|
|
"""创建大按钮"""
|
|
return LargeButton(text, ModernButton.STYLE_PRIMARY, parent)
|