from PyQt5 import QtCore, QtWidgets from PyQt5.QtCore import Qt from PyQt5.QtWidgets import QWidget, QSizePolicy from PyQt5.QtGui import QIcon import qtawesome as qta class MainLeft(QWidget): def __init__(self): super(MainLeft, self).__init__() self.setupUi() self.setAttribute(Qt.WA_StyledBackground, True) def setupUi(self): # 创建导航按钮 self.createProject = QtWidgets.QPushButton(self) self.createProject.setObjectName("createProject") self.varMag = QtWidgets.QPushButton(self) self.varMag.setObjectName("varMag") self.trendMag = QtWidgets.QPushButton(self) self.trendMag.setObjectName("trendMag") self.userMag = QtWidgets.QPushButton(self) self.userMag.setObjectName("userMag") self.protocolMag = QtWidgets.QPushButton(self) self.protocolMag.setObjectName("protocolMag") self.procedureMag = QtWidgets.QPushButton(self) self.procedureMag.setObjectName("procedureMag") self.controlMag = QtWidgets.QPushButton(self) self.controlMag.setObjectName("controlMag") # 创建主布局 self.verticalLayout = QtWidgets.QVBoxLayout(self) self.verticalLayout.setContentsMargins(16, 24, 16, 24) self.verticalLayout.setSpacing(6) self.verticalLayout.setObjectName("verticalLayout") # 顶部间距 topSpacer = QtWidgets.QSpacerItem(20, 20, QtWidgets.QSizePolicy.Minimum, QtWidgets.QSizePolicy.Fixed) self.verticalLayout.addItem(topSpacer) # 添加导航按钮 self.verticalLayout.addWidget(self.createProject) self.verticalLayout.addWidget(self.varMag) self.verticalLayout.addWidget(self.trendMag) self.verticalLayout.addWidget(self.userMag) self.verticalLayout.addWidget(self.protocolMag) self.verticalLayout.addWidget(self.procedureMag) self.verticalLayout.addWidget(self.controlMag) # 底部弹性空间 bottomSpacer = QtWidgets.QSpacerItem(20, 40, QtWidgets.QSizePolicy.Minimum, QtWidgets.QSizePolicy.Expanding) self.verticalLayout.addItem(bottomSpacer) QtCore.QMetaObject.connectSlotsByName(self) # 设置按钮文本 self.createProject.setText(' 工程管理') self.varMag.setText(" 变量管理") self.trendMag.setText(" 历史数据") self.userMag.setText(" 用户管理") self.protocolMag.setText(" 通讯配置") self.procedureMag.setText(" 规程管理") self.controlMag.setText(" 控制系统") # 定义工业控制风格的图标配置 self.icon_config = { 'createProject': { 'icon': 'fa5s.project-diagram', # 项目图标 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'varMag': { 'icon': 'fa5s.server', # 服务器/变量管理 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'trendMag': { 'icon': 'fa5s.chart-area', # 面积图/历史趋势 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'userMag': { 'icon': 'fa5s.user-shield', # 用户管理/权限 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'protocolMag': { 'icon': 'fa5s.ethernet', # 以太网/通讯协议 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'procedureMag': { 'icon': 'fa5s.clipboard-list', # 清单/规程管理 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' }, 'controlMag': { 'icon': 'fa5s.microchip', # 芯片/控制系统 'normal_color': '#6B7280', 'hover_color': '#2277EF', 'selected_color': '#FFFFFF' } } # 设置初始图标（正常状态） self.setButtonIcon(self.createProject, 'createProject', 'normal') self.setButtonIcon(self.varMag, 'varMag', 'normal') self.setButtonIcon(self.trendMag, 'trendMag', 'normal') self.setButtonIcon(self.userMag, 'userMag', 'normal') self.setButtonIcon(self.protocolMag, 'protocolMag', 'normal') self.setButtonIcon(self.procedureMag, 'procedureMag', 'normal') self.setButtonIcon(self.controlMag, 'controlMag', 'normal') # 配置所有按钮 for btn in [self.createProject, self.varMag, self.trendMag, self.userMag, self.protocolMag, self.procedureMag, self.controlMag]: self.setBtn(btn) # 连接点击事件 - 设置选中时的白色图标 self.createProject.clicked.connect(lambda: self.setSelectedIcon(self.createProject, 'createProject')) self.varMag.clicked.connect(lambda: self.setSelectedIcon(self.varMag, 'varMag')) self.trendMag.clicked.connect(lambda: self.setSelectedIcon(self.trendMag, 'trendMag')) self.userMag.clicked.connect(lambda: self.setSelectedIcon(self.userMag, 'userMag')) self.protocolMag.clicked.connect(lambda: self.setSelectedIcon(self.protocolMag, 'protocolMag')) self.procedureMag.clicked.connect(lambda: self.setSelectedIcon(self.procedureMag, 'procedureMag')) self.controlMag.clicked.connect(lambda: self.setSelectedIcon(self.controlMag, 'controlMag')) # 设置默认选中状态 self.createProject.setChecked(True) self.createProject.setDown(True) self.setSelectedIcon(self.createProject, 'createProject') def setButtonIcon(self, button, button_key, state): """设置按钮图标 Args: button: 按钮对象 button_key: 按钮配置键 state: 状态 ('normal', 'hover', 'selected') """ config = self.icon_config[button_key] icon_name = config['icon'] if state == 'normal': color = config['normal_color'] elif state == 'hover': color = config['hover_color'] elif state == 'selected': color = config['selected_color'] else: color = config['normal_color'] # 创建QtAwesome图标 icon = qta.icon(icon_name, color=color) button.setIcon(icon) def setSelectedIcon(self, button, button_key): """设置选中按钮的白色图标""" self.setButtonIcon(button, button_key, 'selected') def setBtn(self, btn): btn.setCheckable(True) btn.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Fixed) btn.setAttribute(Qt.WA_Hover, True) btn.installEventFilter(self) btn.setIconSize(QtCore.QSize(22, 22)) btn.clicked.connect(self.clearButton) btn.setAutoExclusive(True) btn.clicked.connect(lambda: btn.setDown(True)) btn.clicked.connect(lambda: btn.setChecked(True)) # 设置固定高度和样式 btn.setFixedHeight(56) btn.setStyleSheet(""" QPushButton { text-align: left; padding-left: 20px; border: none; outline: none; } """) def eventFilter(self, object, event): # 定义按钮与配置键的映射 button_mapping = { self.createProject: 'createProject', self.varMag: 'varMag', self.trendMag: 'trendMag', self.userMag: 'userMag', self.protocolMag: 'protocolMag', self.procedureMag: 'procedureMag', self.controlMag: 'controlMag' } if object in button_mapping: button_key = button_mapping[object] if event.type() == QtCore.QEvent.HoverEnter: if not object.isChecked(): self.setButtonIcon(object, button_key, 'hover') return True elif event.type() == QtCore.QEvent.HoverLeave: if object.isChecked(): self.setButtonIcon(object, button_key, 'selected') else: self.setButtonIcon(object, button_key, 'normal') return True return False def clearButton(self): # 重置所有按钮状态 buttons = [ (self.createProject, 'createProject'), (self.varMag, 'varMag'), (self.trendMag, 'trendMag'), (self.userMag, 'userMag'), (self.protocolMag, 'protocolMag'), (self.procedureMag, 'procedureMag'), (self.controlMag, 'controlMag') ] for button, button_key in buttons: button.setDown(False) # 重置图标为正常状态 self.setButtonIcon(button, button_key, 'normal')