如何用python做交互式界面？

我来演示一个最简单的方法，没有使用CSS3样式吼。看完这篇回答，我相信十分钟你就能搞定一个展示表格的交互页面了。然后惊呼，perfect！**码字不易，欢迎点赞收藏支持下~~~**

程序员小猴紫

21101人浏览 · 2022-11-05 21:15:07

程序员小猴紫 · 2022-11-05 21:15:07 发布

我来演示一个最简单的方法，没有使用CSS3样式吼。看完这篇回答，我相信十分钟你就能搞定一个展示表格的交互页面了。然后惊呼，perfect！

码字不易，欢迎点赞收藏支持下~~~
在这里插入图片描述

1.使用的python模块

数据处理：pandas，数据处理我只喜欢用pandas，数据处理最强的模块之一。而且操作excel也非常方便。
在这里插入图片描述
界面设计：PyQt模块，这个界面个人感觉是python中界面设计最好用的模块，既可以使用窗口设计界面，又能使用CSS样式。

2.界面设计

2.1打开PyQt designer界面
在这里插入图片描述

在这里插入图片描述

三步成界面，是不是很简单，哈哈，你没看错，设计一个界面就是这么的简单，当然我没有调整样式哈，所以看起来很丑。

2.2 运行界面

界面的运行也很简单，都是固定的格式，跟下面保持一致即可，运行的结果如下图所示：from PyQt5

import QtCore
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import *
import sys

# 导入所画的界面
from Ui_table import Ui_MainWindow

# 自定义类

class Tables(QMainWindow, Ui_MainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi(self)

# 运行界面
if __name__ == "__main__":
    app = QApplication(sys.argv)
    tables = Tables()
    tables.show()
    sys.exit(app.exec_())

在这里插入图片描述

是不是在想，我要的是交互界面，你就给我展示了个这？距离我想要的还有十万八千里呢

在这里插入图片描述
截止目前，是不是都很简单？那么下面重点就要来了，数据读取和数据展示，以及交互的部分，赶紧打起精神来，准备实践了。

3.界面交互

如下面的代码所示，主要包含四个函数：

一个是用来设置表格的基本参数，比如，列数，行数，列标签，还有就是表格的显示样式；
当表格的内容发生改变时，获取改变单元格的内容，行数和列数；
数据读取，读取数据，存在self.df中，并获取行标签和列标签；
保存数据，点击按钮时，绑定数据。

显示结果如下图所示：

from PyQt5 import QtCore
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import *
import sys
import pandas as pd

# 导入所画的界面
from Ui_table import Ui_MainWindow

# 自定义类
class Tables(QMainWindow, Ui_MainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi(self)
        # 运行数据读取函数
        self.dataprocess()
        # 运行tableWidget初始化函数
        self.initialize()
        # 运行按钮的点击事件
        self.saveButton.clicked.connect(self.save)

    # 定义表格的初始化参数
    def initialize(self):
        # 设置表格行数和列数
        self.tableWidget.setRowCount(len(self.rows))
        self.tableWidget.setColumnCount(len(self.columns))
        # 设置表格的列标签
        self.tableWidget.setHorizontalHeaderLabels(self.columns)
        # 重新设置表格区域的大小
        self.tableWidget.setGeometry(QtCore.QRect(220, 120, 1000, 800))
        # 将数据显示在表格中
        for i in range(len(self.rows)):
            for j in range(len(self.columns)):
                data = QTableWidgetItem(str(self.df.iloc[i][j]))
                self.tableWidget.setItem(i, j, data)
        # 列宽随着内容调整
        self.tableWidget.resizeColumnsToContents()
        # 行宽随着内容调整
        self.tableWidget.resizeRowsToContents()
        # 表格颜色交错显示
        self.tableWidget.setAlternatingRowColors(True)
        # 将表格中单元格改变时，触发tableChange事件
        self.tableWidget.itemChanged.connect(self.tableChange)

    # 当表格的内容改变时获取内容
    def tableChange(self, item):
        text = item.text()
        itemrow = item.row()
        itemcol = item.column()
        self.df.iloc[itemrow][itemcol] = text

    # 数据读取
    def dataprocess(self):
        self.df = pd.read_excel('美团商户信息.xlsx')
        # 获得数据的行标签和列标签
        self.columns = self.df.columns
        self.rows = self.df.index

    # 保存数据
    def save(self):
        self.df.to_excel('美团商户信息.xlsx', index=False)


# 运行界面
if __name__ == "__main__":
    app = QApplication(sys.argv)
    tables = Tables()
    tables.show()
    sys.exit(app.exec_())

在这里插入图片描述
是不是这个界面距离你想要的就很近了，就差一个交互测试了？