from PySide6.QtWidgets import QApplication, QWidget, QPushButton, QHBoxLayout, QMessageBox, QLabel, QGridLayout, QDialog from PySide6.QtGui import QPainter, QColor, QBrush, QFont, QPixmap from PySide6.QtCore import Qt import sys import datetime import resources.resource_rc class DeviceStatusPopup(QDialog): def __init__(self, parent=None): super().__init__(parent) self.setWindowTitle("设备状态") self.setFixedSize(898, 354) # 固定总尺寸为898x354 # 通用字体设置：微软雅黑 18px font = QFont() font.setFamily("Microsoft YaHei") font.setPointSize(18) # 初始化UI组件 self.ip_label = QLabel("ip地址") self.ip_value = QLabel() self.status_label = QLabel("连接状态") self.status_img = QLabel() self.status_img.setFixedSize(80, 41) # 状态图片尺寸 self.time_label = QLabel("更新时间") self.time_value = QLabel() self.algorithm_label = QLabel("算法结果") self.algorithm_value = QLabel() # 右侧大图片（369x185） self.right_image = QLabel() # self.right_image.setFixedSize(369, 185) self.right_image.setFixedSize(520, 320) # 临时设置占位图（实际使用时替换为你的图片路径） # placeholder = QPixmap(520, 340) # placeholder.fill(QColor(229, 229, 229)) # 灰色占位 # self.right_image.setPixmap(placeholder) self.right_image.setText("图片未加载") self.right_image.setStyleSheet("background-color: rgb(229,229,229)") self.right_image.setAlignment(Qt.AlignCenter) # 图片居中显示 # 左侧栏字体设置：微软雅黑 18px left_font = QFont("Microsoft YaHei", 18) # 右侧栏字体设置：微软雅黑 15px right_font = QFont("Microsoft YaHei", 15) # 设置左侧文本标签的字体和左对齐 for label in [self.ip_label, self.status_label, self.time_label, self.algorithm_label]: label.setFont(left_font) label.setAlignment(Qt.AlignLeft) # 左对齐 # 设置右侧文本标签的字体和左对齐 for label in [self.ip_value, self.time_value, self.algorithm_value]: label.setFont(right_font) label.setAlignment(Qt.AlignLeft) # 左对齐 # 三列布局：左侧标签列 + 中间内容列 + 右侧图片列 layout = QGridLayout() # 设置布局边距和间距（避免内容贴边） layout.setContentsMargins(10, 10, 10, 10) # 上下左右边距 layout.setSpacing(15) # 控件间距 # 第一列：标签（左对齐） layout.addWidget(self.ip_label, 0, 0, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.status_label, 1, 0, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.time_label, 2, 0, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.algorithm_label, 3, 0, alignment=Qt.AlignLeft | Qt.AlignVCenter) # 第二列：内容（左对齐） layout.addWidget(self.ip_value, 0, 1, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.status_img, 1, 1, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.time_value, 2, 1, alignment=Qt.AlignLeft | Qt.AlignVCenter) layout.addWidget(self.algorithm_value, 3, 1, alignment=Qt.AlignLeft | Qt.AlignVCenter) # 第三列：右侧大图片（跨4行，垂直居中） layout.addWidget(self.right_image, 0, 2, 4, 1, alignment=Qt.AlignCenter) # 列宽分配（总宽度898 = 左列 + 中列 + 右列(369) + 边距(40) + 间距(30)） # 计算可用宽度：898 - 10*2(边距) - 15*2(列间距) - 520(右列) = 328 layout.setColumnStretch(0, 1) # 左列占1份 layout.setColumnStretch(1, 2) # 中列占2份（总3份分配328宽度） self.setLayout(layout) # 初始状态设置 self.update_connection_status("在线") self.update_algorithm_result("ok") self.update_ip_address("192.168.1.5") def update_connection_status(self, status: str): """更新连接状态，切换显示图片""" img_path = ":/icons/images/在线.png" if status == "在线" else ":/icons/images/离线.png" pixmap = QPixmap(img_path) self.status_img.setPixmap(pixmap.scaled( self.status_img.width(), self.status_img.height(), Qt.KeepAspectRatio, Qt.SmoothTransformation )) self._update_time() def _update_time(self): """刷新当前时间""" now = datetime.datetime.now() self.time_value.setText(now.strftime("%Y-%m-%d %H:%M:%S")) def update_ip_address(self, ip: str): """更新IP地址""" self.ip_value.setText(ip) def update_algorithm_result(self, result: str): """更新算法结果""" self.algorithm_value.setText(result) def update_right_image(self, img_path: str): """更新右侧大图片的接口""" pixmap = QPixmap(img_path) self.right_image.setPixmap(pixmap.scaled( self.right_image.width(), self.right_image.height(), Qt.KeepAspectRatio, Qt.SmoothTransformation )) class CircularPushButton(QPushButton): """圆形按钮组件，点击触发弹窗""" def __init__(self, text, parent=None): super().__init__(text, parent) self.setFixedSize(66, 66) # 固定尺寸60x60 self.setFont(QFont("Microsoft YaHei", 9)) # 字体适配尺寸 # 状态颜色定义 self.color_map = { 0: QColor(109, 218, 99), # 正常-绿色 1: QColor(222, 182, 61), # 警告-黄色 2: QColor(241, 63, 61) # 异常-红色 } self.current_status = 0 # 默认正常状态 def set_status(self, status: int): """设置状态：0-正常，1-警告，2-异常""" if status in self.color_map: self.current_status = status self.update() # 触发重绘 def paintEvent(self, event): painter = QPainter(self) painter.setRenderHint(QPainter.Antialiasing) # 抗锯齿 # 绘制圆形背景 brush = QBrush(self.color_map[self.current_status]) painter.setBrush(brush) painter.setPen(Qt.NoPen) painter.drawEllipse(0, 0, self.width(), self.height()) # 绘制文字 painter.setPen(Qt.black) painter.drawText(self.rect(), Qt.AlignCenter, self.text()) class StatusMonitorWidget(QWidget): def __init__(self): super().__init__() self.init_ui() def init_ui(self): self.setWindowTitle("设备状态监控面板") # self.resize(600, 120) # 窗口大小适配按钮尺寸 self.setFixedSize(720, 100) layout = QHBoxLayout(self) layout.setSpacing(15) # 组件间距 layout.setContentsMargins(20, 20, 20, 20) # 窗口边距 # 初始化所有圆形按钮 self.buttons = [ CircularPushButton("RFID对比"), CircularPushButton("盖板对齐"), CircularPushButton("溢料状态"), CircularPushButton("下料度"), CircularPushButton("IOT平台"), CircularPushButton("任务平台"), CircularPushButton("搅拌楼"), CircularPushButton("LED"), CircularPushButton("控制设备") ] # 为每个按钮连接点击弹窗事件 for idx, btn in enumerate(self.buttons): btn.clicked.connect(lambda checked, btn_idx=idx: self.show_popup(btn_idx)) # 将按钮添加到布局 for btn in self.buttons: layout.addWidget(btn) def show_popup(self, btn_idx): """点击按钮后弹出提示窗口""" btn_text = self.buttons[btn_idx].text() status_map = {0: "正常", 1: "警告", 2: "异常"} status = status_map[self.buttons[btn_idx].current_status] # QMessageBox.information( # self, # f"{btn_text} 详情", # f"设备：{btn_text}\n状态：{status}\n" # ) statusWin = DeviceStatusPopup(self) # 此处 可以更新设备的状态，如 设备ip、算法结果等 # 需要连接检测相关代码 statusWin.exec() def setButtonStatus(self, button_name: str, status: int): """ 根据按钮名称设置状态 Args: button_name: 按钮显示的文本（如"RFID对比"） status: 状态值（0-正常，1-警告，2-异常） """ # 遍历按钮列表，匹配名称 for btn in self.buttons: if btn.text() == button_name: btn.set_status(status) # 调用按钮的set_status方法 return # 找到后退出循环 # 未找到对应按钮，打印提示 print(f"警告：未找到名为「{button_name}」的按钮") if __name__ == "__main__": app = QApplication(sys.argv) window = StatusMonitorWidget() window.setButtonStatus("溢料状态", 1) window.setButtonStatus("LED", 2) window.show() sys.exit(app.exec())