如何利用PyQt实现列表添加删除排序功能?

本文介绍如何实现列表增加删除和排序的功能,效果如下:

1 页面设计

1.1 列表

        #列表数据
		self.list = ['福宝', '萌兰', '金虎','蓝天']
        # 创建四行一列标准数据模型
        self.mode=QStandardItemModel(4,1)
        # 将数据中的列表项作为标准数据模型输出
        for i in range(self.mode.rowCount()):
            item = QStandardItem(self.list[i])
            self.mode.setItem(i,0,item)
        self.mode.insertRow(4,QStandardItem("花花回来了"))
        self.listView =QListView()
        self.listView.setModel(self.mode)

该模块引用了QStandardItemModel,创建四行一列的标准数据模型对象,因为我们定义的数据有四个大熊猫名字。然后通过循环遍历将里面的数据对象展示到列表视图上。

1.2 输入框和按钮

接下来是文本输入框和三个按钮的UI设计:

		#文本输入框
		self.le = QLineEdit()
        self.addPb=QPushButton("增加项",clicked=self.addItem)
        self.delPb=QPushButton("删除项",clicked=self.delItem)
        self.sortPb=QPushButton("项目排序",clicked=self.sortItem)

1.3 布局

		#创建水平布局,并将所有元素放进去
		hLayout=QHBoxLayout()
        hLayout.setContentsMargins(0,0,0,0)
        hLayout.addWidget(self.addPb)
        hLayout.addWidget(self.delPb)
        hLayout.addWidget(self.sortPb)
        self.vLayout=QVBoxLayout(self)
        self.vLayout.addWidget(self.listView)
        self.vLayout.addWidget(self.le)
        self.vLayout.addLayout(hLayout)

为了使效果更好看,我们对列表添加了样式表,你可以在这里修改样式,使得列表更好看:

		# 添加样式
        self.listView.setStyleSheet("""
                    QListView {
                        background-color: #E0E0E0;
                        color: #333333;
                        border: 1px solid #BBBBBB;
                    }
                    QListView::Item {
                        padding: 5px;
                    }
                    QListView::Item:hover {
                        background-color: #CCCCCC;
                        color:red;
                    }
                """)

效果如下:

2 功能实现

功能实现很简单,就一个增删排序,配置三个函数:

增加的时候获取文本框里的文字内容,然后通过self.mode.appendRow追加行的方式放到数据model里就可以了。

删除,直接通过self.mode.removeRow删除行就可以了,不过这里设置的是删除最后行,您也可以自己指定删除哪一行。

    #增加
	def addItem(self):
        num=self.mode.rowCount()
        s =self.le.text()
        if s!='':
            self.mode.appendRow(QStandardItem(s))
    #删除
	def delItem(self):
        num=self.mode.rowCount()
        self.mode.removeRow(num-1)
  	#排序
    def sortItem(self):
        self.mode.sort(0)

3 完整代码

给大家列出完整的代码,包含测试的main方法。

# -*- coding:utf-8 -*-
"""
------------------------------------------------
File Name: 列表框2.py
Description:
Author: lzq
date:2024-07-27 15:13
------------------------------------------------
"""
import sys

import PyQt6
from PyQt6.QtCore import Qt, QStringListModel
from PyQt6.QtGui import QPainter, QPixmap, QStandardItemModel, QStandardItem
from PyQt6.QtWidgets import QWidget, QTextEdit, QPushButton, QVBoxLayout, QApplication, QRadioButton, QHBoxLayout, \
    QLabel, QCheckBox, QListView, QMessageBox, QLineEdit


class MyWidget(QWidget):
    def __init__(self, parent=None):
        super(MyWidget, self).__init__(parent)
        self.setWindowTitle("列表框QListView 测试2")
        self.resize(500,350)

        self.list = ['福宝', '萌兰', '金虎','蓝天']
        # 创建四行一列标准数据模型
        self.mode=QStandardItemModel(4,1)
        # 将数据中的列表项作为标准数据模型输出
        for i in range(self.mode.rowCount()):
            item = QStandardItem(self.list[i])
            self.mode.setItem(i,0,item)
        self.mode.insertRow(4,QStandardItem("花花回来了"))
        self.listView =QListView()
        self.listView.setModel(self.mode)

        self.le = QLineEdit()
        self.addPb=QPushButton("增加项",clicked=self.addItem)
        self.delPb=QPushButton("删除项",clicked=self.delItem)
        self.sortPb=QPushButton("项目排序",clicked=self.sortItem)

        hLayout=QHBoxLayout()
        hLayout.setContentsMargins(0,0,0,0)
        hLayout.addWidget(self.addPb)
        hLayout.addWidget(self.delPb)
        hLayout.addWidget(self.sortPb)
        self.vLayout=QVBoxLayout(self)
        self.vLayout.addWidget(self.listView)
        self.vLayout.addWidget(self.le)
        self.vLayout.addLayout(hLayout)

        # 添加样式
        self.listView.setStyleSheet("""
                    QListView {
                        background-color: #E0E0E0;
                        color: #333333;
                        border: 1px solid #BBBBBB;
                    }
                    QListView::Item {
                        padding: 5px;
                    }
                    QListView::Item:hover {
                        background-color: #CCCCCC;
                        color:red;
                    }
                """)
    def addItem(self):
        num=self.mode.rowCount()
        s =self.le.text()
        if s!='':
            self.mode.appendRow(QStandardItem(s))
    def delItem(self):
        num=self.mode.rowCount()
        self.mode.removeRow(num-1)
    def sortItem(self):
        self.mode.sort(0)


if __name__=='__main__':
    app = QApplication(sys.argv)
    w = MyWidget()
    w.show()
    sys.exit(app.exec())

大家给点鼓励和支持吧!点赞关注是给我最大的反馈!

posted @ 2024-07-28 13:40  路卿老师teacher  阅读(12)  评论(0编辑  收藏  举报