网站提交收录入口,深圳做网站600,如何网站开发语言,qq是哪家公司运营的前面我们大致把各个代码块梳理出来了#xff0c;但是还是不知道从那块开始#xff0c;我们这里主要先通过ui页面的元素去推理整个执行过程#xff0c;我们首先需要知道ui功能里面有那些组件 qt设计师基础控件 Qt Designer 是一个图形界面设计工具#xff0c;用于创建 Qt 应… 前面我们大致把各个代码块梳理出来了但是还是不知道从那块开始我们这里主要先通过ui页面的元素去推理整个执行过程我们首先需要知道ui功能里面有那些组件 qt设计师基础控件 Qt Designer 是一个图形界面设计工具用于创建 Qt 应用程序的用户界面。它提供了丰富的控件也称为窗口部件或widgets来构建各种类型的用户界面 类型窗口部件说明基础控件QLabel显示静态文本或图像基础控件QPushButton用户可以点击的按钮基础控件QLineEdit单行文本输入框基础控件QTextEdit多行文本编辑器基础控件QCheckBox复选框用户可以选择或取消选择基础控件QRadioButton单选按钮用于一组互斥的选择项基础控件QComboBox下拉列表框用户可以从列表中选择一项基础控件QSlider滑块控件用于数值的选择范围基础控件QSpinBox/QDoubleSpinBox数字输入框用户可以输入整数或浮点数基础控件QProgressBar进度条显示任务完成的进度基础控件QToolButton工具按钮常用于工具栏上支持弹出菜单基础控件QGraphicsView图形视图用于显示复杂的图形场景布局管理器QVBoxLayout垂直布局管理器用于管理控件的垂直排列布局管理器QHBoxLayout水平布局管理器用于管理控件的水平排列布局管理器QGridLayout网格布局管理器用于将控件放置在网格单元格中布局管理器QFormLayout表单布局管理器用于创建标签和控件成对出现的布局布局管理器QStackedLayout堆叠布局管理器用于堆叠多个控件一次只显示一个容器QWidget最基础的窗口部件可以包含其他控件容器QFrame带边框的容器可以设置不同的样式容器QGroupBox带标题的框架常用于分组控件容器QTabWidget带标签页的容器允许用户在多个页面之间切换容器QScrollArea滚动区域当内容超过显示区域时提供滚动条容器QDockWidget码头窗口通常用于显示附加信息或工具对话框QMessageBox提示信息对话框用于显示警告、错误等消息对话框QFileDialog文件对话框用于选择文件或目录对话框QColorDialog颜色选择对话框用于选取颜色对话框QFontDialog字体选择对话框用于选取字体其他QMenuBar菜单栏通常位于窗口顶部其他QToolBar工具栏通常包含一些快捷按钮其他QStatusBar状态栏显示临时的消息 我们打开窗口的时候会发现中间有一块显示大屏如下 我们先看看怎么实现这个大屏显示打开qt设计师 新建项目目录 我们先不在原本的项目上找先根据已有的信息参考源代码进行推断 一、添加主窗口
1、主窗口、窗口大小、标题 1、打开Qt Designer。 2、选择“文件” “新建”创建一个新的Qt Designer文档。 3、在“选择类”对话框中选择QMainWindow作为基础类并命名为mainWindow。 4、添加布局layouts--Horizontal layouts--- 添加后选择类名右键--布局--水平布局然后将我们刚才添加的Horizontal layouts删除 5、设置窗口大小geometry关键字为800x600像素并设置窗口标题windowTitle为 主页 2、添加工具栏、移除菜单栏 3、组件重命名 mainWindow
centralwidget
sa_main
scrollAreaWidgetContents
sb_main
toolBar 这里我们给布局内的各个元素重命名后我们在ui转py会转换为各个关键字方便使用 4、布局重命名 我们上面临时用了下布局样式这里可能叫_2什么的修改为下图 5、工具栏调整到侧边 6、添加动作、ui转py
#动作文本名称如下
Save_All
Add_Mode
Add_Script ui转换
pyuic5 -o main.py main.ui代码
# -*- coding: utf-8 -*-# Form implementation generated from reading ui file main.ui
#
# Created by: PyQt5 UI code generator 5.15.11
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again. Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_mainWindow(object):def setupUi(self, mainWindow):mainWindow.setObjectName(mainWindow)mainWindow.resize(800, 600)self.centralwidget QtWidgets.QWidget(mainWindow)self.centralwidget.setObjectName(centralwidget)self.horizontalLayout QtWidgets.QHBoxLayout(self.centralwidget)self.horizontalLayout.setObjectName(horizontalLayout)self.sa_main QtWidgets.QScrollArea(self.centralwidget)self.sa_main.setWidgetResizable(True)self.sa_main.setObjectName(sa_main)self.scrollAreaWidgetContents QtWidgets.QWidget()self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(0, 0, 762, 551))self.scrollAreaWidgetContents.setObjectName(scrollAreaWidgetContents)self.sa_main.setWidget(self.scrollAreaWidgetContents)self.horizontalLayout.addWidget(self.sa_main)mainWindow.setCentralWidget(self.centralwidget)self.sb_main QtWidgets.QStatusBar(mainWindow)self.sb_main.setObjectName(sb_main)mainWindow.setStatusBar(self.sb_main)self.toolBar QtWidgets.QToolBar(mainWindow)self.toolBar.setObjectName(toolBar)mainWindow.addToolBar(QtCore.Qt.LeftToolBarArea, self.toolBar)self.actionSave_All QtWidgets.QAction(mainWindow)self.actionSave_All.setObjectName(actionSave_All)self.actionAdd_Mode QtWidgets.QAction(mainWindow)self.actionAdd_Mode.setObjectName(actionAdd_Mode)self.actionAdd_Script QtWidgets.QAction(mainWindow)self.actionAdd_Script.setObjectName(actionAdd_Script)self.retranslateUi(mainWindow)QtCore.QMetaObject.connectSlotsByName(mainWindow)def retranslateUi(self, mainWindow):_translate QtCore.QCoreApplication.translatemainWindow.setWindowTitle(_translate(mainWindow, 主页))self.toolBar.setWindowTitle(_translate(mainWindow, toolBar))self.actionSave_All.setText(_translate(mainWindow, Save_All ))self.actionAdd_Mode.setText(_translate(mainWindow, Add_Mode ))self.actionAdd_Script.setText(_translate(mainWindow, Add_Script))7、打开主窗口
import ctypes
import sysfrom PyQt5.QtCore import Qt
from PyQt5.QtGui import QFont
from PyQt5.QtWidgets import QDockWidget, QMainWindow, QApplicationimport state
from ui.show import Ui_DockWidget
from ui.main import Ui_mainWindowclass MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):super(MainWindow, self).__init__()self.setupUi(self) # 设置UI布局self.retranslateUi(self) # 重新翻译UI组件的文字if __name__ __main__:# 获取屏幕宽度和高度screen_width ctypes.windll.user32.GetSystemMetrics(0)screen_height ctypes.windll.user32.GetSystemMetrics(1)#初始化QT应用app QApplication(sys.argv)ratio screen_width / 2560 # 分辨率比例# 设置全局字体大小 计算字体大小base_font_size 13# 基准字体大小适合1920*1080分辨率new_font_size int(base_font_size * ratio)font QFont(Arial, new_font_size)# 子控件的宽度item_width 320item_height 240item_height_min 60window_main MainWindow()window_main.show() #开启主窗口sys.exit(app.exec_()) # 监听消息不关闭
8、设置主窗口样式
class MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):super(MainWindow, self).__init__()self.setupUi(self) # 设置UI布局self.retranslateUi(self) # 重新翻译UI组件的文字#修改窗口样式为黑灰色高亮self.set_ui()#设置主窗口样式def set_ui(self):# 设置主题样式为 Flatwhite# 创建 QtitanRibbon 实例from qt_material import apply_stylesheetapply_stylesheet(app, themedark_pink.xml)self.setStyleSheet(QScrollBar::handle:horizontal {background-color: #A50F2C; /* 设置滑块颜色 */}QScrollBar::handle:horizontal:hover{background-color: #FF1744; /* 设置滑块颜色 */} QPushButton:hover{background-color: #DFC472; /* 设置颜色 */}QPlainTextEdit{padding: 0px;margin: 0px;}QPushButton{padding: 0px;margin: 1px;} font-family: {}; font-size: {}pt;.format(font.family(), font.pointSize()))9、滚动可扩展窗口
class MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):。。。#sa_main是我们之前定义的QScrollArea 也就是滚动条类型的容器#我们在滚动条布局sa_main内放了一个普通部件QWidget() self.sa_main.setWidget(self.container_widget)#这样一来如果普通部件内的数据超出了显示范围就能通过滚动条查看了self.g_box QGridLayout()#创建了一个普通的窗口部件QWidget这个部件将用于包含所有的子控件并且可以独立于其父窗口进行尺寸调整为了可以让g_布局超过窗口大小self.container_widget QWidget() # 创建一个中间部件self.container_widget.setLayout(self.g_box) # 将网格布局设置给中间部件self.g_box.setAlignment(Qt.AlignTop | Qt.AlignLeft) # 布局 左上对齐self.g_box.setContentsMargins(0, 0, 0, 0) # 边距self.g_box.setAlignment(Qt.AlignTop)self.sa_main.setWidget(self.container_widget) # 将中间部件设置为QScrollArea的子部件# 获取纵向滚动条控件vertical_scrollbar self.findChild(QScrollArea)self.v_scrollbar vertical_scrollbar.verticalScrollBar()self.setWindowFlags(Qt.WindowStaysOnTopHint)self.row 0self.column -1self.run_times 1self.column_step 310# 获取主窗口的状态栏对象self.statusbar self.statusBar()# 设置状态栏文本self.statusbar.showMessage(欢迎使用) 10、延迟布局更新 当窗口尺寸变化或其他条件满足时例如计时器触发重新计算并更新网格布局中的控件位置使其适应当前窗口的大小 class MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):。。。# 所有数据self.datas []# 创建一个计时器用于延迟布局self.timer QTimer(self)self.timer.setSingleShot(True) # 设置为单次触发self.timer.timeout.connect(self.update_layout)def update_layout(self):try:# 获取主窗口的宽度width self.centralWidget().width()# 计算每行可以容纳的组件数量num_per_row (width) // (self.column_step * ratio) # 假设每个组件的宽度为200if num_per_row 1:num_per_row 1# 清空当前布局for i in reversed(range(self.g_box.count())):self.g_box.itemAt(i).widget().setParent(None)# 重新添加组件到网格布局for i, data in enumerate(self.datas):self.row int(i // num_per_row)self.column int(i % num_per_row)self.g_box.addWidget(data[f_item], self.row, self.column)except:pass 11、全量代码
import ctypes
import sysfrom PyQt5.QtCore import Qt, QTimer, QObject, pyqtSignal
from PyQt5.QtGui import QFont
from PyQt5.QtWidgets import QDockWidget, QMainWindow, QApplication, QGridLayout, QWidget, QScrollAreafrom ui.show import Ui_DockWidget
from ui.main import Ui_mainWindowclass MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):super(MainWindow, self).__init__()self.setupUi(self) # 设置UI布局self.retranslateUi(self) # 重新翻译UI组件的文字#修改窗口样式为黑灰色高亮self.set_ui()# self.setWindowIcon(QIcon(datas/logo.png)) 设置图标self.setWindowTitle(f 修改主页标题)self.resize(640, 900) # 窗口的长宽self.move(0, 300) # 窗口的起点位置#sa_main是我们之前定义的QScrollArea 也就是滚动条类型的容器#我们在滚动条布局sa_main内放了一个普通部件QWidget() self.sa_main.setWidget(self.container_widget)#这样一来如果普通部件内的数据超出了显示范围就能通过滚动条查看了self.g_box QGridLayout()#创建了一个普通的窗口部件QWidget这个部件将用于包含所有的子控件并且可以独立于其父窗口进行尺寸调整为了可以让g_布局超过窗口大小self.container_widget QWidget() # 创建一个中间部件self.container_widget.setLayout(self.g_box) # 将网格布局设置给中间部件self.g_box.setAlignment(Qt.AlignTop | Qt.AlignLeft) # 布局 左上对齐self.g_box.setContentsMargins(0, 0, 0, 0) # 边距self.g_box.setAlignment(Qt.AlignTop)self.sa_main.setWidget(self.container_widget) # 将中间部件设置为QScrollArea的子部件# 获取纵向滚动条控件vertical_scrollbar self.findChild(QScrollArea)self.v_scrollbar vertical_scrollbar.verticalScrollBar()self.setWindowFlags(Qt.WindowStaysOnTopHint)self.row 0self.column -1self.run_times 1self.column_step 310# 获取主窗口的状态栏对象self.statusbar self.statusBar()# 设置状态栏文本self.statusbar.showMessage(欢迎使用)# 所有数据self.datas []# 创建一个计时器用于延迟布局self.timer QTimer(self)self.timer.setSingleShot(True) # 设置为单次触发self.timer.timeout.connect(self.update_layout)#更新布局def update_layout(self):try:# 获取主窗口的宽度width self.centralWidget().width()# 计算每行可以容纳的组件数量num_per_row (width) // (self.column_step * ratio) # 假设每个组件的宽度为200if num_per_row 1:num_per_row 1# 清空当前布局for i in reversed(range(self.g_box.count())):self.g_box.itemAt(i).widget().setParent(None)# 重新添加组件到网格布局for i, data in enumerate(self.datas):self.row int(i // num_per_row)self.column int(i % num_per_row)self.g_box.addWidget(data[f_item], self.row, self.column)except:pass#设置主窗口样式def set_ui(self):# 设置主题样式为 Flatwhite# 创建 QtitanRibbon 实例from qt_material import apply_stylesheetapply_stylesheet(app, themedark_pink.xml)self.setStyleSheet(QScrollBar::handle:horizontal {background-color: #A50F2C; /* 设置滑块颜色 */}QScrollBar::handle:horizontal:hover{background-color: #FF1744; /* 设置滑块颜色 */} QPushButton:hover{background-color: #DFC472; /* 设置颜色 */}QPlainTextEdit{padding: 0px;margin: 0px;}QPushButton{padding: 0px;margin: 1px;} font-family: {}; font-size: {}pt;.format(font.family(), font.pointSize()))if __name__ __main__:# 获取屏幕宽度和高度screen_width ctypes.windll.user32.GetSystemMetrics(0)screen_height ctypes.windll.user32.GetSystemMetrics(1)#初始化QT应用app QApplication(sys.argv)ratio screen_width / 2560 # 分辨率比例# 设置全局字体大小 计算字体大小base_font_size 13# 基准字体大小适合1920*1080分辨率new_font_size int(base_font_size * ratio)font QFont(Arial, new_font_size)# 子控件的宽度item_width 320item_height 240item_height_min 60window_main MainWindow()window_main.show() #开启主窗口sys.exit(app.exec_()) # 监听消息不关闭 二、添加UI预览窗口 QDockWidget 码头窗口通常用于显示附加信息或工具 1、预览窗口定义 1、新建项目-窗口部件--QDockWidget 483X565 2、添加两个label 大小480 X 270 设置样式表 3、添加按钮 修改按钮文本 - #寻路标签背景颜色为黑色
background-color: rgb(0, 0, 0);#标签背景颜色为灰色
background-color: rgb(20, 20, 20); 这里图里搞错了yolo那个label应该设置为background-color: rgb(20, 20, 20); 2、组件名称修改
DockWidget
dockWidgetContents
bt_jia
bt_jian
lb_xunlu
lb_yolov 3、label最大尺寸修改
寻路 yolo 4、调整各个组件前后台 jia 和jian调整为前台 xunlu和yolo调整到后台 直接右键组件--放到前面/放到后面 5、ui转py
pyuic5 -o show.py show.uipy代码
# -*- coding: utf-8 -*-# Form implementation generated from reading ui file show.ui
#
# Created by: PyQt5 UI code generator 5.15.11
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again. Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_DockWidget(object):def setupUi(self, DockWidget):DockWidget.setObjectName(DockWidget)DockWidget.resize(483, 565)self.dockWidgetContents QtWidgets.QWidget()self.dockWidgetContents.setObjectName(dockWidgetContents)self.lb_xunlu QtWidgets.QLabel(self.dockWidgetContents)self.lb_xunlu.setGeometry(QtCore.QRect(0, 0, 480, 270))self.lb_xunlu.setMinimumSize(QtCore.QSize(0, 0))self.lb_xunlu.setMaximumSize(QtCore.QSize(16777215, 16777215))self.lb_xunlu.setStyleSheet(background-color: rgb(0, 0, 0);)self.lb_xunlu.setText()self.lb_xunlu.setObjectName(lb_xunlu)self.lb_yolov QtWidgets.QLabel(self.dockWidgetContents)self.lb_yolov.setGeometry(QtCore.QRect(0, 270, 480, 270))self.lb_yolov.setMinimumSize(QtCore.QSize(480, 270))self.lb_yolov.setMaximumSize(QtCore.QSize(1920, 1080))self.lb_yolov.setStyleSheet(background-color: rgb(20, 20, 20);)self.lb_yolov.setText()self.lb_yolov.setObjectName(lb_yolov)self.bt_jia QtWidgets.QPushButton(self.dockWidgetContents)self.bt_jia.setGeometry(QtCore.QRect(30, 40, 31, 28))self.bt_jia.setObjectName(bt_jia)self.bt_jian QtWidgets.QPushButton(self.dockWidgetContents)self.bt_jian.setGeometry(QtCore.QRect(60, 40, 31, 28))self.bt_jian.setObjectName(bt_jian)self.lb_yolov.raise_()self.lb_xunlu.raise_()self.bt_jia.raise_()self.bt_jian.raise_()DockWidget.setWidget(self.dockWidgetContents)self.retranslateUi(DockWidget)QtCore.QMetaObject.connectSlotsByName(DockWidget)def retranslateUi(self, DockWidget):_translate QtCore.QCoreApplication.translateDockWidget.setWindowTitle(_translate(DockWidget, DockWidget))self.bt_jia.setText(_translate(DockWidget, ))self.bt_jian.setText(_translate(DockWidget, -))三、主窗口添加子窗口
1、添加自定义信号
class MySignal(QObject):# 无参数信号可能用于触发显示某个路径或轨迹的操作mysig_show_xunlu pyqtSignal() # 无参数信号可能与YOLOv模型有关用于触发显示模型输出或其他相关操作mysig_show_yolov pyqtSignal() 2、添加预览窗口显示类 class FormShow(QDockWidget, Ui_DockWidget):def __init__(self, parentNone):super(QDockWidget, self).__init__(parent)self.parent parentself.setParent(parent)self.setupUi(self)self.set_ui()# self.timer QTimer()self.setWindowTitle(检测预览)self.lb_yolov.setScaledContents(True)self.lb_yolov.setAlignment(Qt.AlignCenter)self.lb_xunlu.setAlignment(Qt.AlignCenter)self.move(0, 0)self.setWindowFlags(Qt.WindowStaysOnTopHint)self.window_height int(270 * ratio)self.window_width int(480 * ratio)self.setMinimumSize(self.window_width, self.window_height * 2)self.bt_jia.clicked.connect(self.clicked_jia)self.bt_jian.clicked.connect(self.clicked_jian)def set_ui(self):passdef clicked_jia(self):if self.window_height 108 * ratio 1080 * ratio:returnself.window_height int(108 * ratio)self.window_width int(190 * ratio)self.lb_xunlu.setFixedHeight(self.window_height)if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())self.lb_yolov.setFixedHeight(self.window_height)self.lb_yolov.setFixedWidth(self.window_width)def clicked_jian(self):if self.window_height - 108 * ratio 270 * ratio:returnself.window_height - int(108 * ratio)self.window_width - int(190 * ratio)self.lb_xunlu.setFixedHeight(self.window_height)if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())self.lb_yolov.setFixedHeight(self.window_height)self.lb_yolov.setFixedWidth(self.window_width)def closeEvent(self, event):self.parent.action_isShow.setChecked(False)def resizeEvent(self, event):if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())3、主窗口 添加 预览窗口显示 def connect_set(self):# 创建一个顶级菜单self.menu self.menuBar()self.menu_view self.menu.addMenu(视图)# 创建一个动作self.action_isShow QAction(显示检测结果窗口, self)self.action_isShow.setShortcut(QKeySequence(Qt.CTRL Qt.Key_F11))self.action_isShow.triggered.connect(self.hotkey_isShow)self.action_isShow.setCheckable(True)self.action_isShow.setChecked(True)self.menu_view.addAction(self.action_isShow)self.hotkey_isShow()#打开预测窗口def hotkey_isShow(self):# 尝试创建悬浮窗口实例if not hasattr(self, fromshow):self.fromshow FormShow(self) # 创建悬浮窗口实例print(111111)self.addDockWidget(Qt.TopDockWidgetArea, self.fromshow) # 添加悬浮窗口到主窗口 4、添加信号槽 # 绑定信号槽def connect_set(self):...#添加信号self.sg MySignal()#绑定信号槽self.sg.mysig_show_xunlu.connect(self.show_xunlu) #寻路self.sg.mysig_show_yolov.connect(self.show_yolov) #推理 5、添加信号槽及对应函数 这里先偷个懒直接使用本地图片显示上去后续整晚之后在加具体功能 def show_xunlu(self, image_path./datas/111.png):# 加载本地图片pixmap QPixmap(image_path)# 设置图片到 lb_xunlu 控件self.fromshow.lb_xunlu.setPixmap(pixmap)# 设置宽度固定高度自适应self.fromshow.window_width int(self.fromshow.window_height * pixmap.width() / pixmap.height())self.fromshow.lb_xunlu.setFixedHeight(self.fromshow.window_height)self.fromshow.lb_xunlu.setFixedWidth(self.fromshow.window_width)self.fromshow.lb_xunlu.setScaledContents(True)def show_yolov(self, image_path./datas/111.png):print(2222)# 加载本地图片pixmap1 QPixmap(image_path)# 设置图片到 lb_yolov 控件self.fromshow.lb_yolov.setPixmap(pixmap1)# 根据窗口宽度调整 lb_yolov 的位置if self.fromshow.width() self.fromshow.lb_yolov.width() self.fromshow.lb_xunlu.width():self.fromshow.lb_yolov.move(self.fromshow.lb_xunlu.width(), 0)else:self.fromshow.lb_yolov.move(0, self.fromshow.lb_xunlu.height()) 6、发送信号 我们在init中定义一个新的定时器每5s触发on_timer_timeout函数然后会发送mysig_show_xunlu和mysig_show_yolov信号信号槽接收到后触发show_xunlu 和show_yolov 函数去显示图片 def __init__(self):。。。# 绑定信号槽self.connect_set()# 创建定时器 用于周期显示图片self.timer QTimer(self)self.timer.timeout.connect(self.on_timer_timeout)self.timer.start(5000) # 每5秒触发一次def on_timer_timeout(self):# 每隔一段时间自动显示图片#emit() 方法用于发送信号self.sg.mysig_show_xunlu.emit()self.sg.mysig_show_yolov.emit() 当然我们后面使用的时候不会这么草率的发送信号而是通过循环截取地图和屏幕中yolo推理当前屏幕图片进行显示的 7、全量代码
import ctypes
import sys# 导入PyQt5模块
from PyQt5.QtCore import Qt, QTimer, QObject, pyqtSignal
from PyQt5.QtGui import QFont, QImage, QPixmap, QKeySequence
from PyQt5.QtWidgets import QDockWidget, QMainWindow, QApplication, QGridLayout, QWidget, QScrollArea, QAction# 导入UI文件生成的类
from ui.show import Ui_DockWidget
from ui.main import Ui_mainWindowclass MySignal(QObject):# 无参数信号可能用于触发显示某个路径或轨迹的操作mysig_show_xunlu pyqtSignal()# 无参数信号可能与YOLOv模型有关用于触发显示模型输出或其他相关操作mysig_show_yolov pyqtSignal()# 定义FormShow类继承自QDockWidget和Ui_DockWidget
class FormShow(QDockWidget, Ui_DockWidget):def __init__(self, parentNone):super(QDockWidget, self).__init__(parent) # 调用父类构造函数self.parent parent # 保存父窗口引用self.setParent(parent) # 设置父窗口self.setupUi(self) # 初始化UI界面self.set_ui() # 自定义设置UI界面# 设置窗口标题self.setWindowTitle(检测预览)# 设置标签控件属性self.lb_yolov.setScaledContents(True)self.lb_yolov.setAlignment(Qt.AlignCenter)self.lb_xunlu.setAlignment(Qt.AlignCenter)# 移动窗口位置self.move(0, 0)# 设置窗口保持在最顶层self.setWindowFlags(Qt.WindowStaysOnTopHint)# 计算窗口大小self.window_height int(270 * ratio)self.window_width int(480 * ratio)# 设置窗口最小尺寸self.setMinimumSize(self.window_width, self.window_height * 2)# 连接按钮点击事件self.bt_jia.clicked.connect(self.clicked_jia)self.bt_jian.clicked.connect(self.clicked_jian)# 自定义UI设置def set_ui(self):pass # 此处可添加更多UI设置# 按钮“加”点击事件处理def clicked_jia(self):# 如果窗口高度加上增量后超过屏幕高度则返回if self.window_height 108 * ratio 1080 * ratio:return# 更新窗口大小self.window_height int(108 * ratio)self.window_width int(190 * ratio)# 设置标签固定高度self.lb_xunlu.setFixedHeight(self.window_height)# 根据窗口宽度调整标签位置if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())# 设置标签固定大小self.lb_yolov.setFixedHeight(self.window_height)self.lb_yolov.setFixedWidth(self.window_width)# 按钮“减”点击事件处理def clicked_jian(self):# 如果窗口高度减去增量后小于最小高度则返回if self.window_height - 108 * ratio 270 * ratio:return# 更新窗口大小self.window_height - int(108 * ratio)self.window_width - int(190 * ratio)# 设置标签固定高度self.lb_xunlu.setFixedHeight(self.window_height)# 根据窗口宽度调整标签位置if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())# 设置标签固定大小self.lb_yolov.setFixedHeight(self.window_height)self.lb_yolov.setFixedWidth(self.window_width)# 重写关闭事件def closeEvent(self, event):# 关闭窗口时取消主窗口上的动作选中状态self.parent.action_isShow.setChecked(False)# 重写调整大小事件def resizeEvent(self, event):# 根据窗口宽度调整标签位置if self.width() self.lb_yolov.width() self.lb_xunlu.width():self.lb_yolov.move(self.lb_xunlu.width(), 0)else:self.lb_yolov.move(0, self.lb_xunlu.height())# 定义MainWindow类继承自QMainWindow和Ui_mainWindow
class MainWindow(QMainWindow, Ui_mainWindow):def __init__(self):super(MainWindow, self).__init__() # 调用父类构造函数self.setupUi(self) # 设置UI布局self.retranslateUi(self) # 重新翻译UI组件的文字# 修改窗口样式为黑灰色高亮self.set_ui()# 设置窗口标题self.setWindowTitle(f修改主页标题)# 设置窗口尺寸self.resize(640, 900)# 设置窗口起始位置self.move(0, 300)# 创建网格布局self.g_box QGridLayout()# 创建一个中间部件self.container_widget QWidget()# 将网格布局设置给中间部件self.container_widget.setLayout(self.g_box)# 设置布局左上对齐self.g_box.setAlignment(Qt.AlignTop | Qt.AlignLeft)# 设置布局边距self.g_box.setContentsMargins(0, 0, 0, 0)# 设置布局左对齐self.g_box.setAlignment(Qt.AlignTop)# 将中间部件设置为QScrollArea的子部件self.sa_main.setWidget(self.container_widget)# 获取纵向滚动条控件vertical_scrollbar self.findChild(QScrollArea)self.v_scrollbar vertical_scrollbar.verticalScrollBar()# 设置窗口保持在最顶层self.setWindowFlags(Qt.WindowStaysOnTopHint)# 初始化变量self.row 0self.column -1self.run_times 1self.column_step 310# 获取主窗口的状态栏对象self.statusbar self.statusBar()# 设置状态栏文本self.statusbar.showMessage(欢迎使用)# 初始化数据列表self.datas []# 创建一个计时器用于延迟布局self.timer QTimer(self)self.timer.setSingleShot(True) # 设置为单次触发self.timer.timeout.connect(self.update_layout)# 绑定信号槽self.connect_set()# 创建定时器 用于周期显示图片self.timer QTimer(self)self.timer.timeout.connect(self.on_timer_timeout)self.timer.start(5000) # 每5秒触发一次def on_timer_timeout(self):# 每隔一段时间自动显示图片self.sg.mysig_show_xunlu.emit()self.sg.mysig_show_yolov.emit()# 绑定信号槽def connect_set(self):# 创建一个顶级菜单self.menu self.menuBar()self.menu_view self.menu.addMenu(视图)# 创建一个动作self.action_isShow QAction(显示检测结果窗口, self)self.action_isShow.setShortcut(QKeySequence(Qt.CTRL Qt.Key_F11))self.action_isShow.triggered.connect(self.hotkey_isShow)self.action_isShow.setCheckable(True)self.action_isShow.setChecked(True)self.menu_view.addAction(self.action_isShow)# 打开预测窗口self.hotkey_isShow()self.sg MySignal()self.sg.mysig_show_xunlu.connect(self.show_xunlu)self.sg.mysig_show_yolov.connect(self.show_yolov)def show_xunlu(self, image_path./datas/111.png):# 加载本地图片pixmap QPixmap(image_path)# 设置图片到 lb_xunlu 控件self.fromshow.lb_xunlu.setPixmap(pixmap)# 设置宽度固定高度自适应self.fromshow.window_width int(self.fromshow.window_height * pixmap.width() / pixmap.height())self.fromshow.lb_xunlu.setFixedHeight(self.fromshow.window_height)self.fromshow.lb_xunlu.setFixedWidth(self.fromshow.window_width)self.fromshow.lb_xunlu.setScaledContents(True)def show_yolov(self, image_path./datas/111.png):print(2222)# 加载本地图片pixmap1 QPixmap(image_path)# 设置图片到 lb_yolov 控件self.fromshow.lb_yolov.setPixmap(pixmap1)# 根据窗口宽度调整 lb_yolov 的位置if self.fromshow.width() self.fromshow.lb_yolov.width() self.fromshow.lb_xunlu.width():self.fromshow.lb_yolov.move(self.fromshow.lb_xunlu.width(), 0)else:self.fromshow.lb_yolov.move(0, self.fromshow.lb_xunlu.height())# 打开预测窗口def hotkey_isShow(self):# 尝试创建悬浮窗口实例if not hasattr(self, fromshow):self.fromshow FormShow(self) # 创建悬浮窗口实例self.addDockWidget(Qt.TopDockWidgetArea, self.fromshow) # 添加悬浮窗口到主窗口# 更新布局def update_layout(self):try:# 获取主窗口的宽度width self.centralWidget().width()# 计算每行可以容纳的组件数量num_per_row (width) // (self.column_step * ratio)if num_per_row 1:num_per_row 1# 清空当前布局for i in reversed(range(self.g_box.count())):self.g_box.itemAt(i).widget().setParent(None)# 重新添加组件到网格布局for i, data in enumerate(self.datas):self.row int(i // num_per_row)self.column int(i % num_per_row)self.g_box.addWidget(data[f_item], self.row, self.column)except:pass# 设置主窗口样式def set_ui(self):# 设置主题样式为 Flatwhitefrom qt_material import apply_stylesheetapply_stylesheet(app, themedark_pink.xml)# 设置窗口样式表self.setStyleSheet(QScrollBar::handle:horizontal {background-color: #A50F2C; /* 设置滑块颜色 */}QScrollBar::handle:horizontal:hover {background-color: #FF1744; /* 设置滑块颜色 */}QPushButton:hover {background-color: #DFC472; /* 设置颜色 */}QPlainTextEdit {padding: 0px;margin: 0px;}QPushButton {padding: 0px;margin: 1px;} font-family: {}; font-size: {}pt;.format(font.family(), font.pointSize()))# 主程序入口
if __name__ __main__:# 获取屏幕宽度和高度screen_width ctypes.windll.user32.GetSystemMetrics(0)screen_height ctypes.windll.user32.GetSystemMetrics(1)# 初始化QT应用app QApplication(sys.argv)# 计算分辨率比例ratio screen_width / 2560# 设置全局字体大小base_font_size 13new_font_size int(base_font_size * ratio)font QFont(Arial, new_font_size)# 创建主窗口实例window_main MainWindow()# 显示主窗口window_main.show()# 监听消息不关闭sys.exit(app.exec_())
