前言
在做深度学习部署工具、工业上位机或数据可视化软件时,一个专业、美观、交互性强的界面能极大提升软件的档次。
很多开发者后端算法很强(比如 YOLOv8、各种 OCR 模型),但苦于写不出好看的界面,导致项目交付时体验不佳。今天就来展示一下,如何用 Python 的 GUI 库(PyQt6 / PySide6)实现一套清爽明亮的现代化软件界面。
界面效果展示


设计风格特点:
- 配色方案: 采用纯白(#FFFFFF)与浅灰(#F5F5F5)为主基调,搭配品牌红(#EC4141)作为点缀,视觉清爽、专业。
- 布局结构: 经典的'左侧导航 + 顶部工具栏 + 内容区 + 底部状态栏'布局,适用于 90% 的管理系统和工具软件。
- 交互细节: 实现了按钮悬停高亮、Tab 切换动画、无边框窗口拖动等原生体验。
核心技术实现思路
要实现这样的界面,不能只靠拖拽控件(Qt Designer),核心在于 布局嵌套 和 QSS 样式表 的编写。
布局架构
整个软件的骨架其实就是 QHBoxLayout (水平布局) 和 QVBoxLayout (垂直布局) 的无限套娃:
# 伪代码结构示意
class MainWindow(QMainWindow):
def __init__(self):
super().__init__()
# 1. 设置无边框
self.setWindowFlags(Qt.WindowType.FramelessWindowHint)
self.setAttribute(Qt.WidgetAttribute.WA_TranslucentBackground)
# 2. 主容器
self.central_widget = QWidget()
self.main_layout = QVBoxLayout(self.central_widget)
# 整体垂直布局
# 3. 添加模块
self.main_layout.addWidget(.create_header())
.body_layout = QHBoxLayout()
.body_layout.addWidget(.create_sidebar())
.body_layout.addWidget(.create_content())
.main_layout.addLayout(.body_layout)
.main_layout.addWidget(.create_footer())


