294 lines
12 KiB
Python
294 lines
12 KiB
Python
from PySide6.QtWidgets import (QWidget, QHBoxLayout, QLabel, QPushButton,
|
||
QMessageBox, QSpacerItem, QSizePolicy)
|
||
from PySide6.QtGui import QPixmap, QPainter, QFont, QPen
|
||
from PySide6.QtCore import Qt, QDateTime, QEvent, QSize
|
||
from view.widgets.switch_button import SwitchButton
|
||
import resources.resources_rc
|
||
from utils.image_paths import ImagePaths
|
||
|
||
# 底部的控制控件，包括 系统诊断、系统中心等按钮
|
||
class BottomControlWidget(QWidget):
|
||
def __init__(self, parent=None):
|
||
super().__init__(parent)
|
||
self.initUI()
|
||
|
||
def initUI(self):
|
||
# 1. 加载背景图并设置控件尺寸
|
||
bg_path = ImagePaths.BOTTOM_BACKGROUND
|
||
self.bg_pixmap = QPixmap(bg_path)
|
||
if self.bg_pixmap.isNull():
|
||
print("警告：底部背景.png 加载失败，请检查路径！")
|
||
self.setFixedSize(1280, 66)
|
||
else:
|
||
self.setFixedSize(self.bg_pixmap.size())
|
||
|
||
# 2. 主布局（水平布局，组件间距6px）
|
||
main_layout = QHBoxLayout(self)
|
||
main_layout.setContentsMargins(10, 10, 10, 10) # 适当留白避免贴边
|
||
main_layout.setSpacing(6)
|
||
|
||
# 3. 逐个添加组件
|
||
## 3.1 系统诊断按钮（带状态图）
|
||
self.diagnosis_btn = self.createDiagnosisButton("系统诊断",
|
||
ImagePaths.BOTTOM_SHORT_BTN1,
|
||
ImagePaths.BOTTOM_SHORT_BTN2)
|
||
main_layout.addWidget(self.diagnosis_btn)
|
||
|
||
## 3.2 系统状态消息按钮（长按钮）
|
||
self.status_msg_btn = self.createLongButton("系统状态消息",
|
||
ImagePaths.BOTTOM_LONG_BTN1,
|
||
ImagePaths.BOTTOM_LONG_BTN2)
|
||
main_layout.addWidget(self.status_msg_btn)
|
||
|
||
## 3.3 预警消息列表按钮（长按钮）
|
||
self.warning_list_btn = self.createLongButton("预警消息列表",
|
||
ImagePaths.BOTTOM_LONG_BTN1,
|
||
ImagePaths.BOTTOM_LONG_BTN2)
|
||
main_layout.addWidget(self.warning_list_btn)
|
||
|
||
## 3.4 系统中心按钮（短按钮，无状态图）
|
||
self.center_btn = self.createShortButton("系统中心",
|
||
ImagePaths.BOTTOM_SHORT_BTN1,
|
||
ImagePaths.BOTTOM_SHORT_BTN2)
|
||
main_layout.addWidget(self.center_btn)
|
||
|
||
## 3.5 自动模式（文字+开关）
|
||
self.auto_mode_widget = self.createAutoModeWidget()
|
||
main_layout.addWidget(self.auto_mode_widget)
|
||
|
||
## 3.6 版本信息标签（可点击弹框）
|
||
self.version_label = QLabel("V1.0")
|
||
self.version_label.setStyleSheet("""
|
||
color: #16ffff;
|
||
font-size: 20px;
|
||
text-decoration: underline;
|
||
""")
|
||
self.version_label.installEventFilter(self) # 安装事件过滤器
|
||
main_layout.addWidget(self.version_label, alignment=Qt.AlignRight | Qt.AlignBottom)
|
||
|
||
def eventFilter(self, obj, event):
|
||
"""事件过滤器：使用QEvent枚举判断事件类型"""
|
||
if obj == self.version_label and event.type() == QEvent.MouseButtonPress:
|
||
self.showVersionInfo()
|
||
return True # 拦截事件
|
||
return super().eventFilter(obj, event) # 其他事件正常处理
|
||
|
||
def createDiagnosisButton(self, text, normal_img, hover_img):
|
||
"""创建带状态图的系统诊断按钮"""
|
||
# 加载短按钮图片获取尺寸
|
||
normal_pix = QPixmap(normal_img)
|
||
if normal_pix.isNull():
|
||
print(f"警告：{normal_img} 加载失败")
|
||
btn_width, btn_height = 120, 40
|
||
else:
|
||
btn_width, btn_height = normal_pix.width(), normal_pix.height()
|
||
|
||
btn = QPushButton()
|
||
btn.setFixedSize(btn_width, btn_height)
|
||
# 1. 按钮设置文字
|
||
btn.setText(text)
|
||
|
||
# 2. 状态图标（作为按钮的子控件，单独定位）
|
||
self.status_icon = QLabel(btn)
|
||
status_pix = QPixmap(ImagePaths.BOTTOM_SYSTEM_GREEN)
|
||
if not status_pix.isNull():
|
||
self.status_icon.setFixedSize(status_pix.width(), status_pix.height())
|
||
self.status_icon.setPixmap(status_pix)
|
||
# 图标定位：左侧9px，垂直居中
|
||
icon_y = (btn_height - self.status_icon.height()) // 2
|
||
self.status_icon.move(9, icon_y)
|
||
|
||
# 3. 设置鼠标手势
|
||
btn.setCursor(Qt.PointingHandCursor)
|
||
|
||
# 4. 按钮样式表
|
||
btn.setStyleSheet(f"""
|
||
QPushButton {{
|
||
background-image: url({normal_img});
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
border: none;
|
||
color: #3bfff8;
|
||
font-size: 20px;
|
||
text-align: center;
|
||
padding-left: 9px;
|
||
}}
|
||
QPushButton:hover {{
|
||
background-image: url({hover_img});
|
||
color: #001c83; /* hover状态文字颜色 */
|
||
}}
|
||
""")
|
||
|
||
return btn
|
||
|
||
def set_system_status(self, status, count=0):
|
||
"""设置系统诊断按钮的状态图标并显示数量"""
|
||
icon_map = {
|
||
"normal": ImagePaths.BOTTOM_SYSTEM_GREEN, # 正常情况
|
||
"warning": ImagePaths.BOTTOM_SYSTEM_YELLOW, # 警告情况
|
||
"error": ImagePaths.BOTTOM_SYSTEM_RED # 异常情况
|
||
}
|
||
pixmap_path = icon_map.get(status, icon_map["normal"])
|
||
pixmap = QPixmap(pixmap_path)
|
||
|
||
if not pixmap.isNull():
|
||
temp_pix = pixmap.copy() # 复制一份 pixmap 用于绘制
|
||
|
||
# 绘制 异常或警告 数量（若count>0）
|
||
if count > 0 and status != "normal": # 绿色的正常情况，不需要显示数字
|
||
painter = QPainter(temp_pix) # 在副本上绘制
|
||
painter.setPen(QPen(Qt.white, 2)) # 白色画笔
|
||
font = painter.font() # 获取当前字体
|
||
# 调整字体大小
|
||
if count > 99:
|
||
font.setPointSize(10)
|
||
else:
|
||
font.setPointSize(14)
|
||
painter.setFont(font) # 应用字体设置
|
||
|
||
if count <= 99: # 两位数字
|
||
painter.drawText(temp_pix.rect(), Qt.AlignCenter, str(count)) # 居中绘制数字
|
||
else:
|
||
painter.drawText(temp_pix.rect(), Qt.AlignCenter, "99+")
|
||
painter.end() # 手动结束绘制
|
||
|
||
# 将绘制完成的副本设置回标签
|
||
self.status_icon.setPixmap(temp_pix)
|
||
|
||
def createShortButton(self, text, normal_img, hover_img):
|
||
"""创建短按钮"""
|
||
# 以正常状态图片尺寸为准，确定按钮宽高
|
||
normal_pix = QPixmap(normal_img)
|
||
if normal_pix.isNull():
|
||
print(f"警告：{normal_img} 加载失败")
|
||
btn_width, btn_height = 155, 50 # 图片加载失败时的默认尺寸
|
||
else:
|
||
btn_width, btn_height = normal_pix.width(), normal_pix.height() # 与背景图尺寸一致
|
||
|
||
# 1. 创建按钮并设置基础属性
|
||
btn = QPushButton()
|
||
btn.setFixedSize(btn_width, btn_height) # 按钮尺寸匹配背景图
|
||
btn.setText(text) # 用按钮自带文字，替代QLabel
|
||
|
||
# 2. 设置鼠标手势
|
||
btn.setCursor(Qt.PointingHandCursor)
|
||
|
||
# 3. 样式表：控制文字（16px+居中+颜色）、背景图、hover效果
|
||
btn.setStyleSheet(f"""
|
||
QPushButton {{
|
||
/* 背景图设置 */
|
||
background-image: url({normal_img});
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
border: none;
|
||
font-size: 20px;
|
||
color: #3bfff8;
|
||
text-align: center;
|
||
}}
|
||
QPushButton:hover {{
|
||
/* hover时切换背景图 */
|
||
background-image: url({hover_img});
|
||
/* hover时文字变色 */
|
||
color: #001c83;
|
||
}}
|
||
""")
|
||
|
||
return btn
|
||
|
||
def createLongButton(self, text, normal_img, hover_img):
|
||
"""创建长按钮"""
|
||
# 以正常状态图片尺寸为准，确定按钮宽高
|
||
normal_pix = QPixmap(normal_img)
|
||
if normal_pix.isNull():
|
||
print(f"警告：{normal_img} 加载失败")
|
||
btn_width, btn_height = 339, 50 # 图片加载失败时的默认尺寸
|
||
else:
|
||
btn_width, btn_height = normal_pix.width(), normal_pix.height()
|
||
|
||
# 1. 创建按钮并设置基础属性
|
||
btn = QPushButton()
|
||
btn.setFixedSize(btn_width, btn_height) # 按钮尺寸匹配背景图
|
||
btn.setText(text)
|
||
|
||
# 2. 设置鼠标手势
|
||
btn.setCursor(Qt.PointingHandCursor)
|
||
|
||
# 3. 样式表：控制文字（20px字体+居中+颜色）、背景图、hover效果
|
||
btn.setStyleSheet(f"""
|
||
QPushButton {{
|
||
background-image: url({normal_img});
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
border: none;
|
||
font-size: 20px;
|
||
color: #3bfff8;
|
||
text-align: center;
|
||
}}
|
||
QPushButton:hover {{
|
||
background-image: url({hover_img});
|
||
color: #001c83;
|
||
}}
|
||
""")
|
||
|
||
return btn
|
||
|
||
def createAutoModeWidget(self):
|
||
"""创建自动模式组件"""
|
||
bg_img = ImagePaths.BOTTOM_SHORT_BTN1
|
||
bg_pix = QPixmap(bg_img)
|
||
if bg_pix.isNull():
|
||
print(f"警告：{bg_img} 加载失败")
|
||
widget_width, widget_height = 150, 40
|
||
else:
|
||
widget_width, widget_height = bg_pix.width(), bg_pix.height()
|
||
|
||
widget = QWidget()
|
||
widget.setFixedSize(widget_width, widget_height)
|
||
widget.setObjectName("autoModeWidget")
|
||
widget.setStyleSheet(f"""
|
||
QWidget #autoModeWidget{{
|
||
background-image: url({bg_img});
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
border: none;
|
||
}}
|
||
""")
|
||
|
||
layout = QHBoxLayout(widget)
|
||
layout.setContentsMargins(10, 0, 10, 0)
|
||
layout.setSpacing(10)
|
||
|
||
# 文字
|
||
text_label = QLabel("自动模式")
|
||
text_label.setStyleSheet("color: #3bfff8; font-size: 20px;")
|
||
layout.addWidget(text_label, alignment=Qt.AlignVCenter)
|
||
|
||
# 开关（初始的时候，自动模式是打开的）
|
||
self.auto_switch = SwitchButton()
|
||
self.auto_switch.setChecked(True) # 设置自动模式初始状态
|
||
layout.addWidget(self.auto_switch, alignment=Qt.AlignVCenter | Qt.AlignRight)
|
||
|
||
return widget
|
||
|
||
def showVersionInfo(self):
|
||
"""显示版本信息弹窗"""
|
||
info = "智能浇筑系统\n版本：V1.0\n"
|
||
QMessageBox.information(self, "版本信息", info)
|
||
|
||
def paintEvent(self, event):
|
||
"""绘制背景图"""
|
||
super().paintEvent(event)
|
||
if not self.bg_pixmap.isNull():
|
||
painter = QPainter(self)
|
||
painter.drawPixmap(0, 0, self.bg_pixmap)
|
||
|
||
if __name__ == "__main__":
|
||
import sys
|
||
from PySide6.QtWidgets import QApplication
|
||
|
||
app = QApplication(sys.argv)
|
||
widget = BottomControlWidget()
|
||
widget.set_system_status("error", 33)
|
||
widget.show()
|
||
sys.exit(app.exec())
|
||
|