Python Qt GUI设计：QTableView、QListView、QListWidet、QTableWidget、QTreeWidget和QTreeWidgetltem表格和树类（提升篇—1）

目录

1、QTableView类

2、QListView类

3、QListWidet类

4、QTableWidget类

5、QTreeWidget和QTreeWidgetltem类

表格与树解决的问题是如何在一个控件中有规律地呈现更多的数据。PyQt提供了两种控件类用于解决该问题，其中一种是表格结构的控件类，另一种是树形结构的控件类。

1、QTableView类

在通常情况下，一个应用需要和一批数据（比如数组、列表）进行交互，然后以表格的形式输出这些信息，这时就要用到QTableView类了。在QtableView中可以使用自定义的数据模型来显示内容，通过setModel来绑定数据源。

QTableWidget继承自QTableView，主要区别是QTableView可以使用自定义的数据模型来显示内容（先要通过setModel来绑定数据源），而QTableWidget只能使用标准的数据模型，并且其单元格数据是通过QTableWidgetltem对象来实现的。通常使用QTableWidget就能够满足我们的要求。

QTableView控件可以绑定一个模型数据用来更新控件上的内容，可用的模式如下表所示：

通过示例了解QTableView类的使用方法，效果如下所示：

实现代码如下所示：

  1. from PyQt5.QtWidgets import *
  2. from PyQt5.QtGui import *
  3. from PyQt5.QtCore import *
  4. import sys
  5.  
  6. class Table(QWidget):
  7.  
  8. 	def __init__(self, arg=None):
  9. 		super(Table, self).__init__(arg)
  10. 		self.setWindowTitle("QTableView表格视图控件的例子") 		
  11. 		self.resize(500,300);
  12. 		self.model=QStandardItemModel(4,4);
  13. 		self.model.setHorizontalHeaderLabels(['标题1','标题2','标题3','标题4'])
  14. 		
  15. 		for row in range(4):
  16. 			for column in range(4):
  17. 				item = QStandardItem("row %s, column %s"%(row,column))
  18. 				self.model.setItem(row, column, item)
  19. 		
  20. 		self.tableView=QTableView()
  21. 		self.tableView.setModel(self.model)
  22. 		#下面代码让表格100填满窗口
  23. 		#self.tableView.horizontalHeader().setStretchLastSection(True)
  24. 		#self.tableView.horizontalHeader().setSectionResizeMode(QHeaderView.
  25. Stretch)
  26. 		dlgLayout=QVBoxLayout();
  27. 		dlgLayout.addWidget(self.tableView)
  28. 		self.setLayout(dlgLayout)
  29.  
  30. if __name__ == '__main__':
  31. 	app = QApplication(sys.argv)	
  32. 	table = Table()
  33. 	table.show()
  34. 	sys.exit(app.exec_())

2、QListView类

QListView类用于展示数据，它的子类是QListWidget类。QListView是基于模型（Model）的，需要程序来建立模型，然后再保存数据。

QListWidget是一个升级版本的QListView，它已经建立了一个数据存储模（QListWidgetltem），直接调用addltem()函数，就可以添加条目（ltem）。

QListView类中的常用方法如下表所示：

QListView类中的常用信号如下表所示： 

通过示例了解QListView类的使用方法，效果如下所示：

示例中，将QListView控件的clicked信号与自定义对象的clicked()槽函数进行绑定，当单击QListView控件里Model中的一项时会弹出消息框（提示选择的是哪─项)。

实现代码如下所示：

  1. from PyQt5.QtWidgets import QApplication, QWidget , QVBoxLayout , QListView, 
  2. QMessageBox
  3. from PyQt5.QtCore import QStringListModel  
  4. import sys  
  5.  
  6. class ListViewDemo(QWidget):
  7. 	def __init__(self, parent=None):
  8. 		super(ListViewDemo, self).__init__(parent)
  9. 		self.setWindowTitle("QListView 例子")
  10. 		self.resize(300, 270)    
  11. 		layout = QVBoxLayout()
  12. 		
  13. 		listView = QListView()      
  14. 		slm = QStringListModel();
  15. 		self.qList = ['Pyhon语言','C语言','C++语言','Java语言' ]	
  16. 		slm.setStringList(self.qList)
  17. 		listView.setModel(slm )
  18. 		listView.clicked.connect(self.clicked)		
  19. 		layout.addWidget( listView )
  20. 		self.setLayout(layout) 		 
  21.  
  22. 	def clicked(self, qModelIndex):
  23. 		QMessageBox.information(self, "QListView", "你选择了: "+ 
  24. self.qList[qModelIndex.row()])
  25. 		
  26. if __name__ == "__main__":       
  27. 	app = QApplication(sys.argv)
  28. 	win = ListViewDemo()	
  29. 	win.show()	
  30. 	sys.exit(app.exec_())

3、QListWidet类

QListWidet类是一个基于条目的接口，用于从列表中添加或删除条目。列表中的每个条目都是一个QListWidgetltem对象。QListWidget可以设置为多重选择。

QListWidget类中的常用方法如下表所示：

QListWidget类中的常用信号如下表所示：

通过示例了解QListWidget类的使用方法，效果如下所示：

示例中， 将QListWidget控件的itemClicked信号与自定义对象的Clicked()槽函数进行绑定，当单击QListWidget列表中的一个条目时会弹出消息框，提示选择的是哪个条目。

实现代码如下所示：

  1. import sys
  2. from PyQt5.QtCore import *
  3. from PyQt5.QtGui import *
  4. from PyQt5.QtWidgets import *
  5.  
  6. class ListWidget(QListWidget):
  7. 	def clicked(self,item):
  8. 		QMessageBox.information(self, "ListWidget", "你选择了: "+item.text())
  9.  
  10. if __name__ == '__main__':
  11. 	app = QApplication(sys.argv)
  12. 	listWidget  = ListWidget()
  13. 	listWidget.resize(300,120) 
  14. 	listWidget.addItem("Pyhon语言");
  15. 	listWidget.addItem("C语言");
  16. 	listWidget.addItem("C++语言");
  17. 	listWidget.addItem("Java语言");
  18. 	listWidget.setWindowTitle('QListwidget 例子')
  19. 	listWidget.itemClicked.connect(listWidget.clicked)
  20. 	listWidget.show() 
  21. 	sys.exit(app.exec_())

4、QTableWidget类

QTableWidget是Qt程序中常用的显示数据表格的空间，类似于C#中的DataGrid。QTableWidget是QTableView的子类，它使用标准的数据模型，并且其单元格数据是通过QTableWidgetltem 对象来实现的。使用QTableWidget时就需要QTableWidgetltem，用来表示表格中的一个单元格，整个表格就是用各单元格构建起来的。

QTableWidget类中的常用方法如下表所示：

编辑规则的枚举值类型如下表所示：

表格的选择行为的枚举值类型如下表所示：

单元格文本的水平对齐方式如下表所示：

单元格文本的垂直对齐方式如下表所示：

如果要设置水平和垂直对齐方式，比如在表格空间内上、下、左、右居中对齐，那么只要使用Qt.AlignHCenter和Qt.AlignVCenter 即可。

通过示例了解QTableWidget类的使用方法，效果如下所示：

示例中， 构造了一个QTableWidget对象，并且设置表格为4行3列。生成了一个QTableWidgetltem对象，名称为“不脱发的程序猿”。

实现代码如下所示：

  1. import sys
  2. from PyQt5.QtWidgets import (QWidget, QTableWidget, QHBoxLayout, QApplication, 
  3. QTableWidgetItem, QAbstractItemView  )
  4.  
  5. class Table(QWidget):
  6. 	def __init__(self):
  7. 		super().__init__()
  8. 		self.initUI()
  9.  
  10. 	def initUI(self):
  11. 		self.setWindowTitle("QTableWidget 例子")
  12. 		self.resize(430,230);
  13. 		conLayout = QHBoxLayout()
  14. 		tableWidget = QTableWidget()
  15. 		tableWidget.setRowCount(4)
  16. 		tableWidget.setColumnCount(3)
  17. 		conLayout.addWidget(tableWidget )
  18. 		
  19. 		tableWidget.setHorizontalHeaderLabels(['姓名','性别','体重(kg)'])  
  20. 		  
  21. 		newItem = QTableWidgetItem("不脱发的程序猿")  
  22. 		tableWidget.setItem(0, 0, newItem)  
  23. 		  
  24. 		newItem = QTableWidgetItem("男")  
  25. 		tableWidget.setItem(0, 1, newItem)  
  26. 		  
  27. 		newItem = QTableWidgetItem("65")  
  28. 		tableWidget.setItem(0, 2, newItem)   
  29. 		
  30. 		# 将表格变为禁止编辑
  31. 		#tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers)
  32. 		
  33. 		# 设置表格为整行选择
  34. 		#tableWidget.setSelectionBehavior( QAbstractItemView.SelectRows)
  35.  
  36. 		# 将行和列的大小设为与内容相匹配
  37. 		#tableWidget.resizeColumnsToContents()
  38. 		#tableWidget.resizeRowsToContents()
  39. 		
  40. 		#表格表头的显示与隐藏
  41. 		#tableWidget.verticalHeader().setVisible(False)
  42. 		#tableWidget.horizontalHeader().setVisible(False)
  43. 		
  44. 		# 不显示表格单元格的分割线
  45. 		#tableWidget.setShowGrid(False)
  46.                 # 不显示垂直表头
  47. 		tableWidget.verticalHeader().setVisible(False)
  48. 		
  49. 		self.setLayout(conLayout)
  50.  
  51. if __name__ == '__main__':
  52. 	app = QApplication(sys.argv)
  53. 	example = Table()  
  54. 	example.show()   
  55. 	sys.exit(app.exec_())

5、QTreeWidget和QTreeWidgetltem类

QTreeWidget类实现了树形结构，效果如下图所示：













QTreeWidget类中的常用方法如下表所示：

QTreeWidgetltem类中的常用方法如下表所示：

通过示例了解QTreeWidget和QTreeWidgetltem类的使用方法，效果如下所示：















示例中，实现树形结构节点的添加、修改和删除， 实现代码如下所示：

  1. import sys
  2. from PyQt5.QtWidgets import *
  3. #from PyQt5.QtGui import QIcon ,  QBrush , QColor
  4. #from PyQt5.QtCore import Qt 
  5.  
  6. class TreeWidgetDemo(QWidget):   
  7. 	def __init__(self,parent=None):
  8. 		super(TreeWidgetDemo,self).__init__(parent)
  9. 		self.setWindowTitle('TreeWidget 例子')
  10.         
  11. 		operatorLayout = QHBoxLayout()
  12. 		addBtn = QPushButton("添加节点")
  13. 		updateBtn =  QPushButton("修改节点")
  14. 		delBtn = QPushButton("删除节点")		
  15. 		operatorLayout.addWidget(addBtn)
  16. 		operatorLayout.addWidget(updateBtn)
  17. 		operatorLayout.addWidget(delBtn)
  18. 		# 按钮的信号槽连接
  19. 		addBtn.clicked.connect(self.addTreeNodeBtn )
  20. 		updateBtn.clicked.connect(self.updateTreeNodeBtn )
  21. 		delBtn.clicked.connect(self.delTreeNodeBtn )		
  22. 		
  23. 		self.tree = QTreeWidget(self)
  24.         # 设置列数
  25. 		self.tree.setColumnCount(2)
  26.         # 设置头的标题
  27. 		self.tree.setHeaderLabels(['Key','Value'])
  28. 		root= QTreeWidgetItem(self.tree)
  29. 		root.setText(0,'root')
  30. 		root.setText(1,'0')
  31. 		
  32. 		child1 = QTreeWidgetItem(root)
  33. 		child1.setText(0,'child1')
  34. 		child1.setText(1,'1')
  35. 		
  36. 		child2 = QTreeWidgetItem(root)
  37. 		child2.setText(0,'child2')
  38. 		child2.setText(1,'2')
  39. 		
  40. 		child3 = QTreeWidgetItem(root)
  41. 		child3.setText(0,'child3')
  42. 		child3.setText(1,'3')		
  43. 		
  44. 		child4 = QTreeWidgetItem(child3)
  45. 		child4.setText(0,'child4')
  46. 		child4.setText(1,'4')
  47.  
  48. 		child5 = QTreeWidgetItem(child3)
  49. 		child5.setText(0,'child5')
  50. 		child5.setText(1,'5')
  51.         
  52. 		self.tree.addTopLevelItem(root)
  53. 		self.tree.clicked.connect( self.onTreeClicked )
  54.         		
  55. 		mainLayout = QVBoxLayout(self);
  56. 		mainLayout.addLayout(operatorLayout);
  57. 		mainLayout.addWidget(self.tree);		
  58. 		self.setLayout(mainLayout)		
  59.  
  60. 	def onTreeClicked(self, qmodelindex):
  61. 		item = self.tree.currentItem()
  62. 		print("key=%s ,value=%s" % (item.text(0), item.text(1)))
  63. 		
  64. 	def addTreeNodeBtn(self):
  65. 		print('--- addTreeNodeBtn ---')
  66. 		item = self.tree.currentItem()
  67. 		node = QTreeWidgetItem(item)
  68. 		node.setText(0,'newNode')
  69. 		node.setText(1,'10')	
  70.  
  71.  
  72. 	def updateTreeNodeBtn(self):
  73. 		print('--- updateTreeNodeBtn ---')
  74. 		item = self.tree.currentItem()
  75. 		item.setText(0,'updateNode')
  76. 		item.setText(1,'20')		
  77.  
  78.  
  79. 	def delTreeNodeBtn(self):
  80. 		print('--- delTreeNodeBtn ---')
  81. 		item = self.tree.currentItem()
  82. 		root = self.tree.invisibleRootItem()
  83. 		for item in self.tree.selectedItems():
  84. 			(item.parent() or root).removeChild(item)
  85.         		
  86. if __name__ == '__main__':
  87. 	app = QApplication(sys.argv)
  88. 	tree = TreeWidgetDemo()
  89. 	tree.show()
  90. 	sys.exit(app.exec_())

关注公众号，发送关键字：Java车牌识别，获取项目源码。