[ PyQt入门教程 ] PyQt5中数据表格控件QTableWidget使用方法
如果你想让你开发的PyQt5工具展示的数据显得整齐、美观、好看,显得符合你的气质,可以考虑使用QTableWidget控件。之前一直使用的是textBrowser文本框控件,数据展示还是不太美观。其中QTableWidget是PyQt5程序中常用的显示数据表格的控件,显示的基本效果如下,有点素。。
<?xml version="1.0" encoding="UTF-8"?> <ui version="4.0"> <class>widget</class> <widget class="QWidget" name="widget"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>730</width> <height>286</height> </rect> </property> <property name="font"> <font> <pointsize>10</pointsize> </font> </property> <property name="windowTitle"> <string>员工信息表</string> </property> <widget class="QTableWidget" name="tableWidget"> <property name="geometry"> <rect> <x>10</x> <y>51</y> <width>701</width> <height>211</height> </rect> </property> <attribute name="horizontalHeaderCascadingSectionResizes"> <bool>true</bool> </attribute> <row> <property name="text"> <string>1</string> </property> </row> <row> <property name="text"> <string>2</string> </property> </row> <row> <property name="text"> <string>3</string> </property> </row> <column> <property name="text"> <string>姓名</string> </property> <property name="textAlignment"> <set>AlignCenter</set> </property> </column> <column> <property name="text"> <string>年龄</string> </property> </column> <column> <property name="text"> <string>性别</string> </property> </column> <column> <property name="text"> <string>基本信息</string> </property> </column> <item row="0" column="0"> <property name="text"> <string>张三</string> </property> </item> <item row="0" column="1"> <property name="text"> <string>23</string> </property> </item> <item row="0" column="2"> <property name="text"> <string>Male</string> </property> </item> <item row="0" column="3"> <property name="text"> <string>家里有矿</string> </property> </item> <item row="1" column="0"> <property name="text"> <string>王八</string> </property> </item> <item row="1" column="1"> <property name="text"> <string>25</string> </property> </item> <item row="1" column="2"> <property name="text"> <string>Female</string> </property> </item> <item row="1" column="3"> <property name="text"> <string>拆二代</string> </property> </item> <item row="2" column="0"> <property name="text"> <string>赵四</string> </property> </item> <item row="2" column="1"> <property name="text"> <string>28</string> </property> </item> <item row="2" column="2"> <property name="text"> <string>Male</string> </property> </item> <item row="2" column="3"> <property name="text"> <string>勤奋努力的程序员</string> </property> </item> </widget> <widget class="QLabel" name="label"> <property name="geometry"> <rect> <x>250</x> <y>20</y> <width>111</width> <height>21</height> </rect> </property> <property name="font"> <font> <family>YaHei Consolas Hybrid</family> <pointsize>10</pointsize> </font> </property> <property name="text"> <string>员工信息展示</string> </property> </widget> </widget> <resources/> <connections/> </ui>View Code 3、编写主程序,调用界面.py文件。使业界面和逻辑程序分离,这样的好处就是后面界面任何改动程序逻辑几乎不会有什么大的影响。
# -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'connect_me.ui' # # Created by: PyQt5 UI code generator 5.11.3 # # WARNING! All changes made in this file will be lost! #导入程序运行必须模块 import sys from PyQt5.QtWidgets import * from PyQt5.QtGui import QColor, QBrush from cc import Ui_widget class MyMainForm(QMainWindow, Ui_widget): def __init__(self, parent=None): super(MyMainForm, self).__init__(parent) self.setupUi(self) if __name__ == "__main__": app = QApplication(sys.argv) myWin = MyMainForm() myWin.show() sys.exit(app.exec_())
运行程序结果如下:
4、程序运行可以正常显示界面,但是界面并不是很美观(比如行、列没有铺满整个显示窗口、列标题文字没有加粗等)。下面通过QTableWidget相关函数的使用来实现优化。
QTableWidget函数使用方法
上述基本例子实现了员工信息表格展示的初始化,单元格内容手工添加其实在实现场景不合适,只是方便展示,下面讲解如何通过代码实现方式添加单元格内容以及实现单元格内容颜色、字体变化的实现。说明,下述所有代码添加都在主程序中完成。目的是使程序实现更灵活,方便维护。
(1)初始化QTableWidget数据展示窗口对象。一般来说该步骤通常是通过designer实现。
self.tableWidget = QtWidgets.QTableWidget(widget) self.tableWidget.setColumnCount(4) self.tableWidget.setRowCount(3)
设置表格的行、列标题,如下:
self.tableWidget.setHorizontalHeaderLabels(['姓名','年龄']) self.tableWidget.setVerticalHeaderLabels(['1','2'])
当然也可以通过上面例子中的方式去添加,如下:
item = QtWidgets.QTableWidgetItem() self.tableWidget.setVerticalHeaderItem(1, item) item = QtWidgets.QTableWidgetItem() self.tableWidget.setHorizontalHeaderItem(1, item)
(2)设置表格头的伸缩模式,也就是让表格铺满整个QTableWidget控件。
self.tableWidget.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch)
效果如下:
(2)将表格变为禁止编辑。默认情况下表格中的字符串是可以更改的,比如双击一个单元格,就可以修改运来的内容。如果想禁止这种操作,让表格对用户是只读的,可以添加如下代码。
self.tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers)
运行效果(双击单元格不可编辑,提前观察一下鼠标单击选中的只是单元格):
(3)设置表格整行选中。表格默认选中的是单个单元格。通过下面代码可以设置成选中整行。添加代码如下
self.tableWidget.setSelectionBehavior(QAbstractItemView.SelectRows)
运行效果如下:
(4)行、列标题的显示与隐藏。
对于列标题的显示或隐藏设置,可以通过添加如下代码实现。默认是显示的。
self.tableWidget.horizontalHeader().setVisible(False)
运行效果如下(行标题不再显示):
对于行标题,可以使用如下代码进行隐藏或显示设置。默认是显示
self.tableWidget.verticalHeader().setVisible(
(5)在表格中添加内容。代码如下:
items = [['燕十三','21','Male','武林大侠'],['萧十一郎','21','Male','武功好']] for i in range(len(items)): item = items[i] row = self.tableWidget.rowCount() self.tableWidget.insertRow(row) for j in range(len(item)): item = QTableWidgetItem(str(items[i][j])) self.tableWidget.setItem(row,j,item)
运行结果如下:
(6) 设置表格标题字体加粗。添加代码如下:
font = self.tableWidget.horizontalHeader().font() font.setBold(True) self.tableWidget.horizontalHeader().setFont(font)
运行效果如下
(7) 设置表格指定列宽。添加代码如下:
self.tableWidget.horizontalHeader().resizeSection(0,100) self.tableWidget.horizontalHeader().resizeSection(1,100) self.tableWidget.horizontalHeader().resizeSection(1,100) self.tableWidget.horizontalHeader().resizeSection(3,400) #self.tableWidget.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch) 一定要注释,否则上述设置不生效
说明,表头的自适应模式要注释,否则上述设置不生效。运行效果如下:
(8)合并单元格,添加如下代码
self.tableWidget.setSpan(0,3,2,1)
运行结果如下:
这里再补充描述一下setSpan()函数。setSpan(0,3,2,1)函数中(0,3)会指定到单元格第1行第4列(下标都是从0开始计算),(2,1)分别表示合并2行(把下一行合并了),1列(1列,列其实没有合并)。我们把代码修改为setSpan(1,2,3,2)。看效果如下(很直观了吧):
(9)对齐单元格中的内容。添加代码如下:
for i in range(len(items)): each_item = items[i] row = self.tableWidget.rowCount() self.tableWidget.insertRow(row) for j in range(len(each_item)): item = QTableWidgetItem(str(items[i][j])) if j != len(each_item) -1: item.setTextAlignment(Qt.AlignHCenter | Qt.AlignVCenter) self.tableWidget.setItem(row,j,item)
关键代码就是item.setTextAlignment(Qt.AlignHCenter | Qt.AlignVCenter)。前面3列居中显示,最后一列靠左显示。运行效果如下:
(10)设置单元格字体颜色和背景颜色。添加代码如下:
for i in range(len(items)): each_item = items[i] row = self.tableWidget.rowCount() self.tableWidget.insertRow(row) for j in range(len(each_item)): item = QTableWidgetItem(str(items[i][j])) if j != len(each_item) -1: item.setTextAlignment(Qt.AlignHCenter | Qt.AlignVCenter) item.setForeground(QBrush(QColor(255,0,0))) #设置除最后一列外的文字颜色为红色 else: item.setBackground(QBrush(QColor(0,255,0))) #设置最后一列的背景色为绿色 self.tableWidget.setItem(row,j,item)
运行结果如下所示:
QTableWidget控件的基本使用方法就到这里,后续有其他更好的使用技巧会继续更新,为方便自己及大家阅读本文,附本文使用到的代码如下:
# -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'connect_me.ui' # # Created by: PyQt5 UI code generator 5.11.3 # # WARNING! All changes made in this file will be lost! #导入程序运行必须模块 import sys from PyQt5.QtWidgets import * from PyQt5.QtGui import QColor, QBrush from PyQt5.QtCore import Qt from cc import Ui_widget class MyMainForm(QMainWindow, Ui_widget): def __init__(self, parent=None): super(MyMainForm, self).__init__(parent) self.setupUi(self) #self.tableWidget.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch) self.tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers) self.tableWidget.setSelectionBehavior(QAbstractItemView.SelectRows) #self.tableWidget.horizontalHeader().setVisible(False) self.tableWidget.verticalHeader().setVisible(False) font = self.tableWidget.horizontalHeader().font() font.setBold(True) self.tableWidget.horizontalHeader().setFont(font) self.tableWidget.horizontalHeader().resizeSection(0,100) self.tableWidget.horizontalHeader().resizeSection(1,100) self.tableWidget.horizontalHeader().resizeSection(1,100) self.tableWidget.horizontalHeader().resizeSection(3,400) #self.tableWidget.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch) items = [['燕十三','21','Male','武林大侠'],['萧十一郎','21','Male','武功好']] for i in range(len(items)): each_item = items[i] row = self.tableWidget.rowCount() self.tableWidget.insertRow(row) for j in range(len(each_item)): item = QTableWidgetItem(str(items[i][j])) if j != len(each_item) -1: item.setTextAlignment(Qt.AlignHCenter | Qt.AlignVCenter) item.setForeground(QBrush(QColor(255,0,0))) else: item.setBackground(QBrush(QColor(0,255,0))) self.tableWidget.setItem(row,j,item) self.tableWidget.setSpan(1,2,3,2) if __name__ == "__main__": app = QApplication(sys.argv) myWin = MyMainForm() myWin.show() sys.exit(app.exec_())
总结
本文描述PyQt5的QTableWidget控件的基本使用方法和效果,界面实现建议还是desiger设计工具实现,同时使用业务和逻辑相分离的方式编写程序,都揉在一块后面程序就不好维护,毕竟没有谁的工具实现是可以一蹴而就的,还是要考虑可维护性。读完本文内容相信读者就可以上手使用QTableWidget控件了。。
- Json数据格式的使用方法入门教程
- pyqt下QTableWidget使用方法小结
- [ PyQt入门教程 ] PyQt5基本控件使用:消息弹出、用户输入、文件对话框
- [ PyQt入门教程 ] PyQt5基本控件使用:单选按钮、复选框、下拉框
- 按键精灵如何调用Excel及按键精灵写入Excel数据的方法教程---入门自动操作表格
- pyqt下QTableWidget使用方法小结
- pyqt下QTableWidget使用方法小结
- QTableView基本用法讲解,Qt表格控件的使用方法
- pyqt下QTableWidget使用方法小结
- pyqt下QTableWidget使用方法小结
- Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用
- [翻译]Scott Mitchell 的ASP.NET 2.0数据教程之十三:在DetailsView控件中使用TemplateField
- ExtJS的使用方法汇总(1)——配置和表格控件使用
- Swt/Jface tableViewer入门教程三(加入在表格上直接编辑数据)
- ExtJS的使用方法汇总(1)——配置和表格控件使用
- Jqgrid入门-使用模态对话框编辑表格数据(三)
- Scott Mitchell 的ASP.NET 2.0数据教程之十二:在GridView控件中使用TemplateField
- Scott Mitchell 的ASP.NET 2.0数据教程之十二:在GridView控件中使用TemplateField
- [转]Web页面报错: Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用
- Git版本控制使用方法入门教程