Python 人脸识别系统 — UI界面设计_python的系统界面(1)_python ui界面

博客汇总：Python | 人脸识别系统 — 博客索引

GitHub地址：Su-Face-Recognition

注：阅读本博客前请先参考

工具安装、环境配置：Python | 人脸识别系统 — 简介

一、UI界面编写

1、基础使用

本项目采用PyQt库作为UI界面的编写，使用Qt-Designer、PyUIC自动生成UI界面代码。

关于PyQt库的详细使用可以参考该系列博客：

1、PyQt基础教程

2、使用PyQt开发图形界面Python应用专栏目录

打开PyCharm,选择 工具 -> External Tools -> Qt-Designal .

注意：Qt-Designer并非PyCharm自带，需要自行安装，可以参考博客：PyCharm安装PyQt5及其工具（Qt Designer、PyUIC、PyRcc）详细教程

​

打开工具后，选择 MainWindow ，点击创建。

​

从界面左端选择你需要的组件，拖到工作区内，选择好布局。

双击组件，可以修改需要显示的内容，如“按钮1”

​

在界面右端修改组件名。工具默认组件名为**“组件类型+数字”，这样你在输出代码的时候就不知道这个组件是干什么用的了。建议修改组件为“组件功能+组件类型”**，如 login_button

​

点击保存，选择保存路径（一般为你的项目目录下）。保存之后，你就会发现项目下多了一个以.ui结尾的文件。

​         点击该.ui文件（注意一定要点击一下）。然后选择 工具 -> Exteneral Tools -> PyUIC .

注意：PyUIC同样并非PyCharm自带，需要自行安装，可以参考上面博客：PyCharm安装PyQt5及其工具（Qt Designer、PyUIC、PyRcc）详细教程

​         运行之后，你会发现,ui文件下多了一个同样名字的.py文件，这个就是工具为我们自动生成的代码。只需要在下方添加如下代码，就可以运行查看效果：

​         生成的代码：

​         添加如下代码：

import sys
if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    widgets = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(widgets)
    widgets.show()
    sys.exit(app.exec_())
1
2
3
4
5
6
7
8

运行效果：

​         这就是PyQt编写UI界面的基本流程了，本项目的UI界面的布局基本上都是根据这种方式编写出来的。

2、项目UI基础

这里仅展示用户主界面的代码，更多代码可以参考本项目GitHub地址：

项目的初始界面如下：

​         项目的初始代码如下：

注意：按钮旁边的图标使用了qtawesome库，需要自行下载，下载可参考博客：Qt5开发工具—常用Qt5开发工具

# -*- coding: utf-8 -*-
import sys
import qtawesome
from PyQt5 import QtCore, QtWidgets
from PyQt5.QtCore i
1
2
3
4