AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2021-12-21 576
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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控件可以绑定一个模型数据用来更新控件上的内容，可用的模式如下表所示：


image.png


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


image.png


实现代码如下所示：


from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
import sys
class Table(QWidget):
  def __init__(self, arg=None):
  super(Table, self).__init__(arg)
  self.setWindowTitle("QTableView表格视图控件的例子")    
  self.resize(500,300);
  self.model=QStandardItemModel(4,4);
  self.model.setHorizontalHeaderLabels(['标题1','标题2','标题3','标题4'])
  for row in range(4):
    for column in range(4):
    item = QStandardItem("row %s, column %s"%(row,column))
    self.model.setItem(row, column, item)
  self.tableView=QTableView()
  self.tableView.setModel(self.model)
  #下面代码让表格100填满窗口
  #self.tableView.horizontalHeader().setStretchLastSection(True)
  #self.tableView.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch)
  dlgLayout=QVBoxLayout();
  dlgLayout.addWidget(self.tableView)
  self.setLayout(dlgLayout)
if __name__ == '__main__':
  app = QApplication(sys.argv)  
  table = Table()
  table.show()
  sys.exit(app.exec_())

2、QListView类

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


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


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


image.png


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


image.png


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


image.png


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


实现代码如下所示：


from PyQt5.QtWidgets import QApplication, QWidget , QVBoxLayout , QListView, QMessageBox
from PyQt5.QtCore import QStringListModel  
import sys  
class ListViewDemo(QWidget):
  def __init__(self, parent=None):
  super(ListViewDemo, self).__init__(parent)
  self.setWindowTitle("QListView 例子")
  self.resize(300, 270)    
  layout = QVBoxLayout()
  listView = QListView()      
  slm = QStringListModel();
  self.qList = ['Pyhon语言','C语言','C++语言','Java语言' ]  
  slm.setStringList(self.qList)
  listView.setModel(slm )
  listView.clicked.connect(self.clicked)  
  layout.addWidget( listView )
  self.setLayout(layout)    
  def clicked(self, qModelIndex):
  QMessageBox.information(self, "QListView", "你选择了: "+ self.qList[qModelIndex.row()])
if __name__ == "__main__":       
  app = QApplication(sys.argv)
  win = ListViewDemo()  
  win.show()  
  sys.exit(app.exec_())

3、QListWidet类

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


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


image.png


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


image.png


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


image.png


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


实现代码如下所示：

import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
class ListWidget(QListWidget):
  def clicked(self,item):
  QMessageBox.information(self, "ListWidget", "你选择了: "+item.text())
if __name__ == '__main__':
  app = QApplication(sys.argv)
  listWidget  = ListWidget()
  listWidget.resize(300,120) 
  listWidget.addItem("Pyhon语言");
  listWidget.addItem("C语言");
  listWidget.addItem("C++语言");
  listWidget.addItem("Java语言");
  listWidget.setWindowTitle('QListwidget 例子')
  listWidget.itemClicked.connect(listWidget.clicked)
  listWidget.show() 
  sys.exit(app.exec_())

4、QTableWidget类

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


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


image.png


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


image.png


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


image.png


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


image.png


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


image.png


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


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


image.png


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


实现代码如下所示：


import sys
from PyQt5.QtWidgets import (QWidget, QTableWidget, QHBoxLayout, QApplication, QTableWidgetItem, QAbstractItemView  )
class Table(QWidget):
  def __init__(self):
  super().__init__()
  self.initUI()
  def initUI(self):
  self.setWindowTitle("QTableWidget 例子")
  self.resize(430,230);
  conLayout = QHBoxLayout()
  tableWidget = QTableWidget()
  tableWidget.setRowCount(4)
  tableWidget.setColumnCount(3)
  conLayout.addWidget(tableWidget )
  tableWidget.setHorizontalHeaderLabels(['姓名','性别','体重(kg)'])  
  newItem = QTableWidgetItem("不脱发的程序猿")  
  tableWidget.setItem(0, 0, newItem)  
  newItem = QTableWidgetItem("男")  
  tableWidget.setItem(0, 1, newItem)  
  newItem = QTableWidgetItem("65")  
  tableWidget.setItem(0, 2, newItem)   
  # 将表格变为禁止编辑
  #tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers)
  # 设置表格为整行选择
  #tableWidget.setSelectionBehavior( QAbstractItemView.SelectRows)
  # 将行和列的大小设为与内容相匹配
  #tableWidget.resizeColumnsToContents()
  #tableWidget.resizeRowsToContents()
  #表格表头的显示与隐藏
  #tableWidget.verticalHeader().setVisible(False)
  #tableWidget.horizontalHeader().setVisible(False)
  # 不显示表格单元格的分割线
  #tableWidget.setShowGrid(False)
                # 不显示垂直表头
  tableWidget.verticalHeader().setVisible(False)
  self.setLayout(conLayout)
if __name__ == '__main__':
  app = QApplication(sys.argv)
  example = Table()  
  example.show()   
  sys.exit(app.exec_())

5、QTreeWidget和QTreeWidgetltem类

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


image.png


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


image.png


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

image.png



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


image.png


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


import sys
from PyQt5.QtWidgets import *
#from PyQt5.QtGui import QIcon ,  QBrush , QColor
#from PyQt5.QtCore import Qt 
class TreeWidgetDemo(QWidget):   
  def __init__(self,parent=None):
  super(TreeWidgetDemo,self).__init__(parent)
  self.setWindowTitle('TreeWidget 例子')
  operatorLayout = QHBoxLayout()
  addBtn = QPushButton("添加节点")
  updateBtn =  QPushButton("修改节点")
  delBtn = QPushButton("删除节点")  
  operatorLayout.addWidget(addBtn)
  operatorLayout.addWidget(updateBtn)
  operatorLayout.addWidget(delBtn)
  # 按钮的信号槽连接
  addBtn.clicked.connect(self.addTreeNodeBtn )
  updateBtn.clicked.connect(self.updateTreeNodeBtn )
  delBtn.clicked.connect(self.delTreeNodeBtn )  
  self.tree = QTreeWidget(self)
        # 设置列数
  self.tree.setColumnCount(2)
        # 设置头的标题
  self.tree.setHeaderLabels(['Key','Value'])
  root= QTreeWidgetItem(self.tree)
  root.setText(0,'root')
  root.setText(1,'0')
  child1 = QTreeWidgetItem(root)
  child1.setText(0,'child1')
  child1.setText(1,'1')
  child2 = QTreeWidgetItem(root)
  child2.setText(0,'child2')
  child2.setText(1,'2')
  child3 = QTreeWidgetItem(root)
  child3.setText(0,'child3')
  child3.setText(1,'3')  
  child4 = QTreeWidgetItem(child3)
  child4.setText(0,'child4')
  child4.setText(1,'4')
  child5 = QTreeWidgetItem(child3)
  child5.setText(0,'child5')
  child5.setText(1,'5')
  self.tree.addTopLevelItem(root)
  self.tree.clicked.connect( self.onTreeClicked )
  mainLayout = QVBoxLayout(self);
  mainLayout.addLayout(operatorLayout);
  mainLayout.addWidget(self.tree);  
  self.setLayout(mainLayout)  
  def onTreeClicked(self, qmodelindex):
  item = self.tree.currentItem()
  print("key=%s ,value=%s" % (item.text(0), item.text(1)))
  def addTreeNodeBtn(self):
  print('--- addTreeNodeBtn ---')
  item = self.tree.currentItem()
  node = QTreeWidgetItem(item)
  node.setText(0,'newNode')
  node.setText(1,'10')  
  def updateTreeNodeBtn(self):
  print('--- updateTreeNodeBtn ---')
  item = self.tree.currentItem()
  item.setText(0,'updateNode')
  item.setText(1,'20')  
  def delTreeNodeBtn(self):
  print('--- delTreeNodeBtn ---')
  item = self.tree.currentItem()
  root = self.tree.invisibleRootItem()
  for item in self.tree.selectedItems():
    (item.parent() or root).removeChild(item)
if __name__ == '__main__':
  app = QApplication(sys.argv)
  tree = TreeWidgetDemo()
  tree.show()
  sys.exit(app.exec_())
文章标签：
C#
Python
程序员
存储
关键词：
Python GUI
Python类
Python树
Qt类
Qt gui
不脱发的程序猿
目录
相关文章
Liuqz2009
|
3月前
Qt类结构分析
Qt类结构分析
Liuqz2009
62 3
土木林森
|
16天前
|
数据可视化 开发者 Python
Python GUI开发：Tkinter与PyQt的实战应用与对比分析
【10月更文挑战第26天】本文介绍了Python中两种常用的GUI工具包——Tkinter和PyQt。Tkinter内置于Python标准库，适合初学者快速上手，提供基本的GUI组件和方法。PyQt基于Qt库，功能强大且灵活，适用于创建复杂的GUI应用程序。通过实战示例和对比分析，帮助开发者选择合适的工具包以满足项目需求。
土木林森
59 7
DevFrank
|
1月前
|
Linux Android开发 开发者
【Python】GUI：Kivy库环境安装与示例
这篇文章介绍了 Kivy 库的安装与使用示例。Kivy 是一个开源的 Python 库，支持多平台开发，适用于多点触控应用。文章详细说明了 Kivy 的主要特点、环境安装方法，并提供了两个示例：一个简单的 Hello World 应用和一个 BMI 计算器界面。
DevFrank
46 0
Svan.
|
1月前
|
机器学习/深度学习 算法框架/工具 Python
基于深度学习的手写数字识别项目GUI（Deep Learning Project – Handwritten Digit Recognition using Python）
基于深度学习的手写数字识别项目GUI（Deep Learning Project – Handwritten Digit Recognition using Python）
Svan.
60 0
蓝易云
|
2月前
|
设计模式 前端开发 安全
Qt注册类对象单例与单类型区别
在进行开发时，应当根据具体的应用场景和需求来选择使用单例模式或是单类型。如果是全局服务或状态管理，可能需要单例模式；如果是为了使QML环境下的不同组件能够访问到同一个后端服务对象，则可能需要使用单类型。
蓝易云
35 2
申公豹
|
3月前
|
前端开发 JavaScript 测试技术
Python中的GUI测试
【8月更文挑战第15天】本文探讨了Python中图形用户界面（GUI）测试的关键工具——Selenium与PyQt。Selenium专为Web应用测试设计，能模拟用户行为如点击和输入文本。PyQt则基于Qt框架，用于构建丰富的桌面应用程序及编写自动化测试脚本。
申公豹
39 3
DuckBro
|
3月前
|
编解码 开发框架
【Qt 学习笔记】Qt窗口 | Qt窗口介绍 | QMainwindow类及各组件介绍
【Qt 学习笔记】Qt窗口 | Qt窗口介绍 | QMainwindow类及各组件介绍
DuckBro
250 3
DuckBro
|
3月前
|
容器
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Group Box的使用及说明
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Group Box的使用及说明
DuckBro
248 3
DuckBro
|
3月前
|
容器
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明
DuckBro
87 2
DuckBro
|
3月前
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Slider的使用及说明
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Slider的使用及说明
DuckBro
387 2

热门文章

最新文章

  • 1
    手把手教你用Python实践深度学习
  • 2
    3、Python与设计模式--建造者模式
  • 3
    【Python】已解决：ModuleNotFoundError: No module named ‘PIL’
  • 4
    python开发翻译程序
  • 5
    Python多线程编程之多线程加锁
  • 6
    Python基于Django的电影推荐系统和论坛项目完整源码
  • 7
    假期也要卷，推荐6款 GitHub 上的超级 Python 项目，一起学起来
  • 8
    python类的使用
  • 9
    [PYTHON] 核心编程笔记之二-Python起步
  • 10
    python 合并当天tomcat异常日志
  • 1
    `pytest-qt` 是一个用于在 Qt 应用程序中进行 GUI 测试的 pytest 插件。
    178
  • 2
    好的资源-----打卡机+Arm+Qt+OpenCV嵌入式项目-基于人脸识别的考勤系统-----B站神经网络与深度学习，商城
    79
  • 3
    QT：基于QMediaPlayer制作的视频播放器(最下方有整合包，可直接运行)
    470
  • 4
    基于QT实现的拷贝文件以及实时进度条(简易版)
    485
  • 5
    【Qt应用开发】复刻经典：基于Qt实现Windows风格计算器（加减乘除、删除、归零功能全解析）
    142
  • 6
    基于QT实现的QQ聊天简易版（UDP通信版）
    103
  • 7
    基于QT实现的词典(附源码)
    89
  • 8
    Qt连接Mysql出现问题（一）：“Driver not loaded Driver not loaded“
    758
  • 9
    Qt问题（二）：无法定位程序输入点于动态链接库
    454
  • 10
    Qt中的网络编程（Tcp和Udp）运用详解以及简单示范案例
    627

    • 相关课程

    更多
  • Python爬虫实战
  • Python开发基础入门
  • Python常用数据科学库
  • Python网络爬虫实战
  • Python完全自学手册图文教程
  • Python基础快速入门实战教程

    • 相关电子书

    更多
  • From Python Scikit-Learn to Sc
  • Data Pre-Processing in Python:
  • 双剑合璧-Python和大数据计算平台的结合

    • 相关实验场景

    更多
  • Python新手入门
  • Python入门
  • Python选择及循环结构
  • Python新手入门（Anolis OS）
  • Python网络通信程序典型应用
  • 云端Python及基本操作

    • 推荐镜像

    更多
  • qt
  • python-release
  • blender
    • 下一篇
    阿里云OSS设置跨域访问