文章目录
- 一.前言
- 二.展示
- 1.主界面
- 1.进程
- 2.性能
- 1.CPU
- 2.内存
- 3.简略信息
- 4.详细信息
- 5.新建任务
- 三.设计思路
- 1.UI设计
- 1.主界面
- 1.进程
- 2.性能
- 3.详细信息
- 4.新建任务
- 5.图表信息组件
- 2.代码整体设计
- 1.项目设计心得
- 2.项目设计其他心得
- 3.其他心得
- 四.源代码
- 五.总结
- 六.参考
一.前言
最近心血来潮想要做一款仿win10的任务管理器,练习一下基本布局和QChart的使用,实现任务管理、图表查看等功能,撰写本篇播客记录一下开发过程中的一些心得与体会,能给读者提供一些思路。软件打包好,放在了文末。
二.展示
1.主界面
1.进程
详细信息表格支持按表头排序,点击表头会自动排序。
2.性能
1.CPU
软件每隔1秒会获取当前的CPU信息,绘制成图表展示在页面上,下方的信息也是实时更新的。
动图展示
2.内存
内存也是每隔1秒刷新界面、绘制成折线图与内存组合图。
动图展示
3.简略信息
在“详细信息”页面点击左下角按钮后,跳转到“简略信息”页面。
动图展示
4.详细信息
详细信息表格也支持按表头排序,点击表头会自动排序。
5.新建任务
可以输入cmd命令或者点击浏览打开一个文件
三.设计思路
1.UI设计
1.主界面
整体布局为两个frame垂直布局,上面的frame中存放一个stackWidget,第一页放一个tabWidget,tabWidget里面有三个tab,分别是“进程”、“性能”、“详细信息”,其中“性能tab”中再放一个frame,布局为左右布局,左侧放自定义的图表基本信息widget,右侧为一个stackWidget,第一页放CPU信息,第二页放内存信息,都为垂直布局,上方为折线图表,下方为图表详细信息。stackWidget第二页放一个listWidget,用于放置自定义的“详细信息widget”。
1.进程
2.性能
3.详细信息
4.新建任务
新建任务为一个独立的widget,属性为QWidget。
5.图表信息组件
用于生成图表以及图表基本信息,实例化之后会改变其中内容。也是一个独立的widget,属性为QWidget。
2.代码整体设计
1.项目设计心得
笔者在进行Pyqt项目设计之前会先调研,评估一下UI、功能的整体难度,删繁就简,整体地去看待这个项目。通常我的Pyqt项目至少会有四部分组成:1.main_ui.py主窗口UI,由pyuic工具把xml格式的ui文件转化为Python代码而来。2.engine.py软件引擎,就是用户操作后,软件执行的核心代码,理论上是可以脱离所在项目单独存在的。3.CWidgets.py,此文件用于存放自定义的Widget以及相关子窗口的调试代码。4.main_GUI.py主窗口逻辑调用,是它把engine和Cwidgets和main_ui联系到一起,其中包含主窗口相关调度,子窗口实例化,核心引擎调用代码。
2.项目设计其他心得
在项目设计中始终保持“高内聚、低耦合”的代码设计思想,从整体看局部,再在从局部看整体,认真拆分每一个组件,最终从主文件中把每个子组件调用起来。
3.其他心得
四.源代码
这里贴一下UI的主窗口代码,由pyuic转化而来,包含主布局。
# -*- coding: utf-8 -*-
# Form implementation generated from reading ui file 'task_god_ui.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# 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, QtWidgets
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
MainWindow.setObjectName("MainWindow")
MainWindow.resize(725, 522)
icon = QtGui.QIcon()
icon.addPixmap(QtGui.QPixmap(":/icons/icons/QQ截图20230709080218.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
MainWindow.setWindowIcon(icon)
MainWindow.setStyleSheet("#QTableWidget,QListWidget,#toolButton_showDetail{border:none;}\n"
"*{font-family:\"微软雅黑\"}\n"
"QFrame,#tabWidget,QStackedWidget,QStackedWidget::page{\n"
" background-color: rgb(255, 255, 255);\n"
"}\n"
"QFrame,QTabWidget,QStackedWidget::page,#scrollArea,#scrollAreaWidgetContents{\n"
" background-color: rgb(255, 255, 255);\n"
"}\n"
"#tableWidget::item,#tableWidget_2::item{border-left:1px solid rgb(229, 229, 229);}\n"
"QTableWidget::item:hover,QTableWidget::item:selected{\n"
" background-color:rgb(229, 243, 255);\n"
"}\n"
"QScrollArea{border:none;}")
self.centralwidget = QtWidgets.QWidget(MainWindow)
self.centralwidget.setObjectName("centralwidget")
self.verticalLayout = QtWidgets.QVBoxLayout(self.centralwidget)
self.verticalLayout.setContentsMargins(0, 0, 0, 0)
self.verticalLayout.setSpacing(0)
self.verticalLayout.setObjectName("verticalLayout")
self.frame = QtWidgets.QFrame(self.centralwidget)
self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
self.frame.setObjectName("frame")
self.horizontalLayout_2 = QtWidgets.QHBoxLayout(self.frame)
self.horizontalLayout_2.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout_2.setSpacing(0)
self.horizontalLayout_2.setObjectName("horizontalLayout_2")
self.stackedWidget = QtWidgets.QStackedWidget(self.frame)
self.stackedWidget.setObjectName("stackedWidget")
self.page = QtWidgets.QWidget()
self.page.setObjectName("page")
self.verticalLayout_2 = QtWidgets.QVBoxLayout(self.page)
self.verticalLayout_2.setContentsMargins(0, 0, 0, 0)
self.verticalLayout_2.setSpacing(0)
self.verticalLayout_2.setObjectName("verticalLayout_2")
self.tabWidget = QtWidgets.QTabWidget(self.page)
self.tabWidget.setAutoFillBackground(False)
self.tabWidget.setObjectName("tabWidget")
self.tab = QtWidgets.QWidget()
self.tab.setObjectName("tab")
self.horizontalLayout_4 = QtWidgets.QHBoxLayout(self.tab)
self.horizontalLayout_4.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout_4.setSpacing(0)
self.horizontalLayout_4.setObjectName("horizontalLayout_4")
self.tableWidget = QtWidgets.QTableWidget(self.tab)
self.tableWidget.setContextMenuPolicy(QtCore.Qt.CustomContextMenu)
self.tableWidget.setAutoFillBackground(True)
self.tableWidget.setEditTriggers(QtWidgets.QAbstractItemView.NoEditTriggers)
self.tableWidget.setAlternatingRowColors(False)
self.tableWidget.setSelectionMode(QtWidgets.QAbstractItemView.SingleSelection)
self.tableWidget.setSelectionBehavior(QtWidgets.QAbstractItemView.SelectRows)
self.tableWidget.setShowGrid(False)
self.tableWidget.setObjectName("tableWidget")
self.tableWidget.setColumnCount(7)
self.tableWidget.setRowCount(0)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(0, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(1, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(2, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(3, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(4, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(5, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget.setHorizontalHeaderItem(6, item)
self.tableWidget.horizontalHeader().setVisible(True)
self.tableWidget.horizontalHeader().setCascadingSectionResizes(True)
self.tableWidget.horizontalHeader().setSortIndicatorShown(True)
self.tableWidget.horizontalHeader().setStretchLastSection(True)
self.tableWidget.verticalHeader().setVisible(False)
self.tableWidget.verticalHeader().setCascadingSectionResizes(True)
self.tableWidget.verticalHeader().setSortIndicatorShown(True)
self.tableWidget.verticalHeader().setStretchLastSection(True)
self.horizontalLayout_4.addWidget(self.tableWidget)
self.tabWidget.addTab(self.tab, "")
self.tab_3 = QtWidgets.QWidget()
self.tab_3.setObjectName("tab_3")
self.verticalLayout_3 = QtWidgets.QVBoxLayout(self.tab_3)
self.verticalLayout_3.setContentsMargins(0, 0, 0, 0)
self.verticalLayout_3.setSpacing(0)
self.verticalLayout_3.setObjectName("verticalLayout_3")
self.frame_3 = QtWidgets.QFrame(self.tab_3)
self.frame_3.setFrameShape(QtWidgets.QFrame.StyledPanel)
self.frame_3.setFrameShadow(QtWidgets.QFrame.Raised)
self.frame_3.setObjectName("frame_3")
self.horizontalLayout_5 = QtWidgets.QHBoxLayout(self.frame_3)
self.horizontalLayout_5.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout_5.setSpacing(0)
self.horizontalLayout_5.setObjectName("horizontalLayout_5")
self.scrollArea = QtWidgets.QScrollArea(self.frame_3)
sizePolicy = QtWidgets.QSizePolicy(QtWidgets.QSizePolicy.Fixed, QtWidgets.QSizePolicy.Expanding)
sizePolicy.setHorizontalStretch(0)
sizePolicy.setVerticalStretch(0)
sizePolicy.setHeightForWidth(self.scrollArea.sizePolicy().hasHeightForWidth())
self.scrollArea.setSizePolicy(sizePolicy)
self.scrollArea.setMinimumSize(QtCore.QSize(240, 0))
self.scrollArea.setMaximumSize(QtCore.QSize(240, 16777215))
self.scrollArea.setStyleSheet("")
self.scrollArea.setWidgetResizable(True)
self.scrollArea.setObjectName("scrollArea")
self.scrollAreaWidgetContents = QtWidgets.QWidget()
self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(0, 0, 240, 30))
sizePolicy = QtWidgets.QSizePolicy(QtWidgets.QSizePolicy.Fixed, QtWidgets.QSizePolicy.Preferred)
sizePolicy.setHorizontalStretch(0)
sizePolicy.setVerticalStretch(0)
sizePolicy.setHeightForWidth(self.scrollAreaWidgetContents.sizePolicy().hasHeightForWidth())
self.scrollAreaWidgetContents.setSizePolicy(sizePolicy)
self.scrollAreaWidgetContents.setMinimumSize(QtCore.QSize(240, 0))
self.scrollAreaWidgetContents.setMaximumSize(QtCore.QSize(240, 16777215))
self.scrollAreaWidgetContents.setObjectName("scrollAreaWidgetContents")
self.verticalLayout_8 = QtWidgets.QVBoxLayout(self.scrollAreaWidgetContents)
self.verticalLayout_8.setContentsMargins(0, 0, 0, 0)
self.verticalLayout_8.setSpacing(0)
self.verticalLayout_8.setObjectName("verticalLayout_8")
self.verticalLayout_5 = QtWidgets.QVBoxLayout()
self.verticalLayout_5.setContentsMargins(-1, 0, 3, -1)
self.verticalLayout_5.setSpacing(0)
self.verticalLayout_5.setObjectName("verticalLayout_5")
spacerItem = QtWidgets.QSpacerItem(0, 40, QtWidgets.QSizePolicy.Minimum, QtWidgets.QSizePolicy.Expanding)
self.verticalLayout_5.addItem(spacerItem)
self.verticalLayout_8.addLayout(self.verticalLayout_5)
self.scrollArea.setWidget(self.scrollAreaWidgetContents)
self.horizontalLayout_5.addWidget(self.scrollArea)
self.line_2 = QtWidgets.QFrame(self.frame_3)
self.line_2.setFrameShape(QtWidgets.QFrame.VLine)
self.line_2.setFrameShadow(QtWidgets.QFrame.Sunken)
self.line_2.setObjectName("line_2")
self.horizontalLayout_5.addWidget(self.line_2)
self.stackedWidget_2 = QtWidgets.QStackedWidget(self.frame_3)
self.stackedWidget_2.setObjectName("stackedWidget_2")
self.page_3 = QtWidgets.QWidget()
self.page_3.setObjectName("page_3")
self.verticalLayout_6 = QtWidgets.QVBoxLayout(self.page_3)
self.verticalLayout_6.setContentsMargins(0, 0, 0, 0)
self.verticalLayout_6.setSpacing(0)
self.verticalLayout_6.setObjectName("verticalLayout_6")
self.stackedWidget_2.addWidget(self.page_3)
self.page_4 = QtWidgets.QWidget()
self.page_4.setObjectName("page_4")
self.stackedWidget_2.addWidget(self.page_4)
self.horizontalLayout_5.addWidget(self.stackedWidget_2)
self.horizontalLayout_5.setStretch(0, 1)
self.horizontalLayout_5.setStretch(2, 4)
self.verticalLayout_3.addWidget(self.frame_3)
self.tabWidget.addTab(self.tab_3, "")
self.tab_2 = QtWidgets.QWidget()
self.tab_2.setObjectName("tab_2")
self.horizontalLayout = QtWidgets.QHBoxLayout(self.tab_2)
self.horizontalLayout.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout.setObjectName("horizontalLayout")
self.tableWidget_2 = hoverTableWidget(self.tab_2)
self.tableWidget_2.setContextMenuPolicy(QtCore.Qt.CustomContextMenu)
self.tableWidget_2.setEditTriggers(QtWidgets.QAbstractItemView.NoEditTriggers)
self.tableWidget_2.setShowGrid(False)
self.tableWidget_2.setObjectName("tableWidget_2")
self.tableWidget_2.setColumnCount(5)
self.tableWidget_2.setRowCount(0)
item = QtWidgets.QTableWidgetItem()
self.tableWidget_2.setHorizontalHeaderItem(0, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget_2.setHorizontalHeaderItem(1, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget_2.setHorizontalHeaderItem(2, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget_2.setHorizontalHeaderItem(3, item)
item = QtWidgets.QTableWidgetItem()
self.tableWidget_2.setHorizontalHeaderItem(4, item)
self.tableWidget_2.horizontalHeader().setStretchLastSection(False)
self.tableWidget_2.verticalHeader().setVisible(False)
self.tableWidget_2.verticalHeader().setSortIndicatorShown(False)
self.tableWidget_2.verticalHeader().setStretchLastSection(False)
self.horizontalLayout.addWidget(self.tableWidget_2)
self.tabWidget.addTab(self.tab_2, "")
self.verticalLayout_2.addWidget(self.tabWidget)
self.stackedWidget.addWidget(self.page)
self.page_2 = QtWidgets.QWidget()
self.page_2.setObjectName("page_2")
self.verticalLayout_4 = QtWidgets.QVBoxLayout(self.page_2)
self.verticalLayout_4.setContentsMargins(0, 0, 0, 0)
self.verticalLayout_4.setSpacing(0)
self.verticalLayout_4.setObjectName("verticalLayout_4")
self.listWidget = QtWidgets.QListWidget(self.page_2)
self.listWidget.setContextMenuPolicy(QtCore.Qt.CustomContextMenu)
self.listWidget.setObjectName("listWidget")
self.verticalLayout_4.addWidget(self.listWidget)
self.stackedWidget.addWidget(self.page_2)
self.horizontalLayout_2.addWidget(self.stackedWidget)
self.verticalLayout.addWidget(self.frame)
self.line = QtWidgets.QFrame(self.centralwidget)
self.line.setFrameShape(QtWidgets.QFrame.HLine)
self.line.setFrameShadow(QtWidgets.QFrame.Sunken)
self.line.setObjectName("line")
self.verticalLayout.addWidget(self.line)
self.frame_2 = QtWidgets.QFrame(self.centralwidget)
self.frame_2.setFrameShape(QtWidgets.QFrame.StyledPanel)
self.frame_2.setFrameShadow(QtWidgets.QFrame.Raised)
self.frame_2.setObjectName("frame_2")
self.horizontalLayout_3 = QtWidgets.QHBoxLayout(self.frame_2)
self.horizontalLayout_3.setObjectName("horizontalLayout_3")
self.toolButton_showDetail = HoverBtn(self.frame_2)
self.toolButton_showDetail.setIconSize(QtCore.QSize(30, 30))
self.toolButton_showDetail.setToolButtonStyle(QtCore.Qt.ToolButtonTextBesideIcon)
self.toolButton_showDetail.setObjectName("toolButton_showDetail")
self.horizontalLayout_3.addWidget(self.toolButton_showDetail)
spacerItem1 = QtWidgets.QSpacerItem(40, 20, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Minimum)
self.horizontalLayout_3.addItem(spacerItem1)
self.termite_bt = QtWidgets.QPushButton(self.frame_2)
self.termite_bt.setEnabled(False)
self.termite_bt.setObjectName("termite_bt")
self.horizontalLayout_3.addWidget(self.termite_bt)
self.verticalLayout.addWidget(self.frame_2)
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QtWidgets.QMenuBar(MainWindow)
self.menubar.setGeometry(QtCore.QRect(0, 0, 725, 23))
self.menubar.setObjectName("menubar")
self.menu = QtWidgets.QMenu(self.menubar)
self.menu.setObjectName("menu")
self.menu_2 = QtWidgets.QMenu(self.menubar)
self.menu_2.setObjectName("menu_2")
self.menu_3 = QtWidgets.QMenu(self.menubar)
self.menu_3.setObjectName("menu_3")
self.menu_4 = QtWidgets.QMenu(self.menu_3)
self.menu_4.setObjectName("menu_4")
MainWindow.setMenuBar(self.menubar)
self.actionrun = QtWidgets.QAction(MainWindow)
self.actionrun.setShortcutContext(QtCore.Qt.WindowShortcut)
self.actionrun.setObjectName("actionrun")
self.actionexit = QtWidgets.QAction(MainWindow)
self.actionexit.setObjectName("actionexit")
self.actiontop = QtWidgets.QAction(MainWindow)
self.actiontop.setCheckable(True)
self.actiontop.setChecked(True)
self.actiontop.setObjectName("actiontop")
self.actionfre = QtWidgets.QAction(MainWindow)
self.actionfre.setObjectName("actionfre")
self.actionhi = QtWidgets.QAction(MainWindow)
self.actionhi.setCheckable(True)
self.actionhi.setObjectName("actionhi")
self.actionnor = QtWidgets.QAction(MainWindow)
self.actionnor.setCheckable(True)
self.actionnor.setChecked(True)
self.actionnor.setObjectName("actionnor")
self.actiondi = QtWidgets.QAction(MainWindow)
self.actiondi.setCheckable(True)
self.actiondi.setObjectName("actiondi")
self.actiontm = QtWidgets.QAction(MainWindow)
self.actiontm.setCheckable(True)
self.actiontm.setObjectName("actiontm")
self.actionabu = QtWidgets.QAction(MainWindow)
self.actionabu.setObjectName("actionabu")
self.menu.addAction(self.actionrun)
self.menu.addAction(self.actionexit)
self.menu_2.addAction(self.actiontop)
self.menu_4.addAction(self.actionhi)
self.menu_4.addAction(self.actionnor)
self.menu_4.addAction(self.actiondi)
self.menu_4.addAction(self.actiontm)
self.menu_3.addAction(self.actionfre)
self.menu_3.addAction(self.menu_4.menuAction())
self.menu_3.addAction(self.actionabu)
self.menubar.addAction(self.menu.menuAction())
self.menubar.addAction(self.menu_2.menuAction())
self.menubar.addAction(self.menu_3.menuAction())
self.retranslateUi(MainWindow)
self.stackedWidget.setCurrentIndex(0)
self.tabWidget.setCurrentIndex(0)
self.stackedWidget_2.setCurrentIndex(1)
QtCore.QMetaObject.connectSlotsByName(MainWindow)
def retranslateUi(self, MainWindow):
_translate = QtCore.QCoreApplication.translate
MainWindow.setWindowTitle(_translate("MainWindow", "任务管理器"))
self.tableWidget.setSortingEnabled(True)
item = self.tableWidget.horizontalHeaderItem(0)
item.setText(_translate("MainWindow", "名称"))
item = self.tableWidget.horizontalHeaderItem(1)
item.setText(_translate("MainWindow", "状态"))
item = self.tableWidget.horizontalHeaderItem(2)
item.setText(_translate("MainWindow", "CPU"))
item = self.tableWidget.horizontalHeaderItem(3)
item.setText(_translate("MainWindow", "内存"))
item = self.tableWidget.horizontalHeaderItem(4)
item.setText(_translate("MainWindow", "磁盘"))
item = self.tableWidget.horizontalHeaderItem(5)
item.setText(_translate("MainWindow", "网络"))
item = self.tableWidget.horizontalHeaderItem(6)
item.setText(_translate("MainWindow", "PID"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab), _translate("MainWindow", "进程"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_3), _translate("MainWindow", "性能"))
self.tableWidget_2.setSortingEnabled(True)
item = self.tableWidget_2.horizontalHeaderItem(0)
item.setText(_translate("MainWindow", "名称"))
item = self.tableWidget_2.horizontalHeaderItem(1)
item.setText(_translate("MainWindow", "PID"))
item = self.tableWidget_2.horizontalHeaderItem(2)
item.setText(_translate("MainWindow", "状态"))
item = self.tableWidget_2.horizontalHeaderItem(3)
item.setText(_translate("MainWindow", "用户名"))
item = self.tableWidget_2.horizontalHeaderItem(4)
item.setText(_translate("MainWindow", "CPU"))
self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_2), _translate("MainWindow", "详细信息"))
self.toolButton_showDetail.setText(_translate("MainWindow", "简略信息"))
self.termite_bt.setText(_translate("MainWindow", "结束任务"))
self.menu.setTitle(_translate("MainWindow", "文件"))
self.menu_2.setTitle(_translate("MainWindow", "选项"))
self.menu_3.setTitle(_translate("MainWindow", "查看"))
self.menu_4.setTitle(_translate("MainWindow", "更新速度"))
self.actionrun.setText(_translate("MainWindow", "运行新任务"))
self.actionexit.setText(_translate("MainWindow", "退出"))
self.actiontop.setText(_translate("MainWindow", "置于顶层"))
self.actionfre.setText(_translate("MainWindow", "立即刷新"))
self.actionhi.setText(_translate("MainWindow", "高"))
self.actionnor.setText(_translate("MainWindow", "正常"))
self.actiondi.setText(_translate("MainWindow", "低"))
self.actiontm.setText(_translate("MainWindow", "已暂停"))
self.actionabu.setText(_translate("MainWindow", "关于作者"))
from CWidgets import HoverBtn, hoverTableWidget
import resources_rc
五.总结
本次使用Pyqt5制作了一款仿win10任务管理器,支持对进程进行管理,可视化地展示windows设备的内存、CPU等信息,另外支持新建任务。撰写本篇记录下我的开发思路顺便和大家分享我的开发成果,软件打包好放在了蓝奏云,大家可自取。最后希望大家多多讨论,可以留言、私信给我,我都会看的,大家也不要吝啬自己的赞哦!谢谢大家!
六.参考
- QCharts - 4.QValueAxis类详解
- 《python》用psutil获取电脑CPU内存等参数信息
- pyqt5,Qchart画折线图,设定多个不同刻度的Y轴,修改自定义折线图的坐标轴,改变折线图的底色
- python --psutil(cpu、内存、磁盘情况、结束指定进程、端口占用)
- Win10技巧:Win10任务管理器知识介绍