240 lines
9.3 KiB
Python
240 lines
9.3 KiB
Python
from PySide6.QtWidgets import QApplication, QMainWindow, QLabel, QWidget, QVBoxLayout, QSizePolicy
|
||
from PySide6.QtGui import QPixmap
|
||
from PySide6.QtCore import Qt, QPropertyAnimation, Property
|
||
import os
|
||
import resources.resource_rc
|
||
|
||
# 拱形进度条
|
||
class OverlapArcProgress(QWidget):
|
||
def __init__(self, bg_img_path, fg_img_path, parent=None):
|
||
super().__init__(parent)
|
||
self._progress = 0 # 进度（0-100）
|
||
self.setStyleSheet("background: transparent; border: none;")
|
||
|
||
# 加载并统一图片尺寸
|
||
self.bg_pixmap = QPixmap(bg_img_path)
|
||
self.fg_pixmap = QPixmap(fg_img_path)
|
||
|
||
if self.bg_pixmap.isNull():
|
||
print(f"错误：拱进度条背景图 {bg_img_path} 加载失败")
|
||
if self.fg_pixmap.isNull():
|
||
print(f"错误：拱进度条前景图 {fg_img_path} 加载失败")
|
||
|
||
if self.bg_pixmap.size() != self.fg_pixmap.size():
|
||
self.fg_pixmap = self.fg_pixmap.scaled(
|
||
self.bg_pixmap.size(), Qt.KeepAspectRatio, Qt.SmoothTransformation
|
||
)
|
||
|
||
# 控件尺寸与图片一致（避免缩放失真）
|
||
self.setFixedSize(self.bg_pixmap.size())
|
||
self.total_height = self.bg_pixmap.height() # 缓存总高度（背景/前景高度一致）
|
||
|
||
# 背景标签（下层，完整显示背景）
|
||
self.bg_label = QLabel(self)
|
||
self.bg_label.setPixmap(self.bg_pixmap)
|
||
self.bg_label.setScaledContents(False) # 禁用缩放
|
||
|
||
# 前景标签（上层，初始加载完整前景图，通过高度控制显示区域）
|
||
self.fg_label = QLabel(self)
|
||
self.fg_label.setPixmap(self.fg_pixmap) # 直接加载完整前景图
|
||
self.fg_label.setScaledContents(False) # 禁用缩放（避免图片拉伸）
|
||
self.fg_label.setAlignment(Qt.AlignBottom) # 图片在标签内底部对齐
|
||
self.fg_label.raise_() # 确保在背景上层
|
||
|
||
# 初始状态：高度为0，位置在底部（不显示任何内容）
|
||
self.fg_label.setGeometry(0, self.total_height, self.bg_pixmap.width(), 0)
|
||
|
||
# ---------- 进度显示标签 ----------
|
||
self.progress_label = QLabel(self)
|
||
self.progress_label.setGeometry(217, 17, 121, 34)
|
||
self.progress_label.setStyleSheet("""
|
||
background-color: #444750;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.progress_label.setAlignment(Qt.AlignCenter)
|
||
self.progress_label.raise_() # 确保在前景上层(最上层)
|
||
self.progress_label.setText("0%") # 初始文本
|
||
|
||
# ---------- 进度属性 ----------
|
||
@Property(int)
|
||
def progress(self):
|
||
return self._progress
|
||
|
||
@progress.setter
|
||
def progress(self, value):
|
||
if 0 <= value <= 100 and value != self._progress:
|
||
self._progress = value
|
||
self.update_foreground()
|
||
|
||
# 标签高度调整方式实现
|
||
def update_foreground(self):
|
||
"""通过调整前景标签的高度和Y坐标, 实现从底部向上填充的进度条"""
|
||
# 同步更新进度标签文本
|
||
self.progress_label.setText(f"{self._progress}%")
|
||
|
||
# print(f"{self._progress}%")
|
||
progress_ratio = self._progress / 100.0
|
||
|
||
k = 8 # 调整此系数：k越大，“快慢差异”越明显（推荐范围 3~10）
|
||
# 公式：height_ratio = x + k*(x³/3 - x²/2 + x/6)
|
||
height_ratio = progress_ratio + k * (
|
||
(progress_ratio ** 3) / 3 -
|
||
(progress_ratio ** 2) / 2 +
|
||
progress_ratio / 6
|
||
)
|
||
height_ratio = max(0.0, min(1.0, height_ratio)) # 限制范围0-1
|
||
|
||
# 计算目标高度（随进度变化）
|
||
target_height = int(self.total_height * height_ratio)
|
||
|
||
# fg_label标签Y坐标 = 总高度 - 目标高度（实现底部对齐，向上延伸）
|
||
target_y = self.total_height - target_height
|
||
|
||
# 标签宽度与背景一致，高度为目标高度
|
||
self.fg_label.setGeometry(
|
||
0, # X坐标（与背景左对齐）
|
||
target_y, # Y坐标（底部对齐）
|
||
self.bg_pixmap.width(), # 宽度（与背景一致）
|
||
target_height # 高度（随进度变化）
|
||
)
|
||
|
||
|
||
class ArcProgressWidget(QWidget):
|
||
def __init__(self):
|
||
super().__init__()
|
||
# 加载MainWidget背景图
|
||
# 添加了 拱3.png 作为背景图
|
||
bg_img = ":/icons/images/拱3.png" # 需要修改为实际的图片的路径
|
||
# self.setStyleSheet(f"background-image: url({bg_img}); background-repeat: no-repeat; background-position: center;")
|
||
self.bg_pixmap = QPixmap(bg_img)
|
||
|
||
# # 设置控件widget大小与背景图一致
|
||
self.setFixedSize(self.bg_pixmap.size())
|
||
|
||
self.setSizePolicy(
|
||
QSizePolicy.Fixed, # 水平方向固定
|
||
QSizePolicy.Fixed # 垂直方向固定
|
||
)
|
||
|
||
# 创建背景标签
|
||
background_label = QLabel(self)
|
||
background_label.setPixmap(self.bg_pixmap)
|
||
background_label.setScaledContents(True)
|
||
background_label.setFixedSize(self.bg_pixmap.size())
|
||
|
||
# 创建拱形进度条控件
|
||
arc_bg_img = ":/icons/images/拱2.png" # 拱进度条背景（空心） # 需要修改为实际的图片的路径
|
||
arc_fg_img = ":/icons/images/拱1.png" # 拱进度条前景（实心） # 需要修改为实际的图片的路径
|
||
self.arc_progress = OverlapArcProgress(arc_bg_img, arc_fg_img, self)
|
||
|
||
# 显示重量的标签，单位是 kg
|
||
self.weight_label = QLabel(self)
|
||
self.weight_label.setGeometry(217, 118, 118, 29)
|
||
self.weight_label.setStyleSheet("""
|
||
background-color: #3a2528;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.weight_label.setAlignment(Qt.AlignCenter)
|
||
self.weight_label.setText("2000kg") # 初始文本
|
||
|
||
# 显示管片型号的标签 如 B1
|
||
self.segment_model_label = QLabel(self)
|
||
self.segment_model_label.setGeometry(98, 150, 116, 29)
|
||
self.segment_model_label.setStyleSheet("""
|
||
background-color: #3a2528;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.segment_model_label.setAlignment(Qt.AlignCenter)
|
||
self.segment_model_label.setText("B1") # 初始文本
|
||
|
||
# 显示频率的标签，单位是 Hz
|
||
self.frequency_label = QLabel(self)
|
||
self.frequency_label.setGeometry(217, 150, 118, 29)
|
||
self.frequency_label.setStyleSheet("""
|
||
background-color: #3a2528;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.frequency_label.setAlignment(Qt.AlignCenter)
|
||
self.frequency_label.setText("230Hz") # 初始文本
|
||
|
||
# 显示管片编号的标签 如 SHRB1-3
|
||
self.segment_number_label = QLabel(self)
|
||
self.segment_number_label.setGeometry(338, 150, 116, 29)
|
||
self.segment_number_label.setStyleSheet("""
|
||
background-color: #3a2528;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.segment_number_label.setAlignment(Qt.AlignCenter)
|
||
self.segment_number_label.setText("SHRB1-3") # 初始文本
|
||
|
||
# 显示状态的标签 (如：振动中等)
|
||
self.state_label = QLabel(self)
|
||
self.state_label.setGeometry(217, 182, 118, 29)
|
||
self.state_label.setStyleSheet("""
|
||
background-color: #3a2528;
|
||
color: #A2EF4D;
|
||
font-size: 20px;
|
||
""")
|
||
# 文本在标签内部居中显示
|
||
self.state_label.setAlignment(Qt.AlignCenter)
|
||
self.state_label.setText("振动中") # 初始文本
|
||
|
||
# 进度条测试
|
||
def testProgress(self, seconds: float):
|
||
# 启动动画从0%到100% (模拟进度加载)
|
||
self.animation = QPropertyAnimation(self.arc_progress, b"progress")
|
||
self.animation.setDuration(seconds * 1000)
|
||
self.animation.setStartValue(0)
|
||
self.animation.setEndValue(100)
|
||
self.animation.start()
|
||
|
||
# 进度条设置
|
||
def setProgress(self, progress:int):
|
||
"""
|
||
设置progress之后, 会根据该值调整进度条
|
||
Args:
|
||
progress: 传入去掉百分号之后的数值, 如80%, 传入80
|
||
"""
|
||
self.arc_progress.progress = progress
|
||
|
||
# 重量设置 (单位kg)
|
||
def setWeight(self, weight:float):
|
||
self.weight_label.setText(f"{weight}kg")
|
||
|
||
# 频率设置（单位Hz）
|
||
def setFrequency(self, frequency:float):
|
||
self.frequency_label.setText(f"{frequency}Hz")
|
||
|
||
# 状态设置 (...中)
|
||
def setState(self, stateStr:str):
|
||
self.state_label.setText(stateStr)
|
||
|
||
# 管片类型设置 (B1、B2等)
|
||
def setSegmentModel(self, segmentModelStr:str):
|
||
self.segment_model_label.setText(segmentModelStr)
|
||
|
||
# 管片编号设置
|
||
def setSegmentNumber(self, segmentNumberStr:str):
|
||
self.segment_number_label.setText(segmentNumberStr)
|
||
|
||
|
||
if __name__ == "__main__":
|
||
import sys
|
||
app = QApplication(sys.argv)
|
||
window = ArcProgressWidget()
|
||
window.testProgress(120)
|
||
window.setState("测试中")
|
||
window.show()
|
||
sys.exit(app.exec())
|