This article is part 7 of 8 in the series Python PySide/PyQt Tutorial

Last Updated: Thursday 12th December 2013

In our last instalment, we discussed Qt's QListWidget class, which allows the user to make simple single-column list boxes. For more advanced list controls, however, a more flexible widget is required; for that reason, Qt supplies the QListView widget, which allows more varied items to be created. It is a pure presentation widget, which displays information provided by a data model. This separates the logic of the data being presented from the widget that does the presentation; there are multiple widgets that can display data from the same model structures.

There are some specialized types of model already created for you. For example, the QStandardItemModel provides limited capabilities that are somewhat greater than those we saw in last installment's discussion of the QListWidget; in addition to text and icons, it provides drag-and-drop capabilities, checkable items, and other features. Custom behavior can be implemented by inheriting from the QAbstractListModel, a general-purpose model for list data.

PySide/PyQt's QStandardItemModel

We'll begin by discussing use of a QListView with a QStandardItemModel. The QListView is instantiated just like any other QWidget — are you getting bored with that line for every widget we encounter? It makes tiresome reading, but an easily remembered object model; one of PyQt/Pyside's greatest strengths is its simplicity, memorableness, and consistency. That aside, the QListView's constructor takes an optional parent:

Easy enough. Now our list needs a model to manage its data. We'll create a QStandardItemModel with our list as its (optional) parent:

There are other constructor signatures for the QStandardItemModel, but they're not relevant to our single column list; we'll discuss them another time.

PySide/PyQt's QStandardItem

Creating the list and model is the simple part; the main work of the list comes in creating and populating the model. For example, let's create an item for our list:

We can set its text and icon in convenient ways:

We could also have created our item with its text (and icon, if desired) already set:

We can also make an item checkable, which adds a checkbox at the leftmost part of the item:

If you want your checkboxes to have three states — checked, unchecked, and null — use item.setTristate(bool).

A Brief QStandardItem Example

That's enough background that we can give a simple example of the appearance of a QListView, though it won't do anything yet. We'll simplify as much as possible by making our main window a QListView; we'll do the same basic setup as any QWidget-as-a-window example:

Next, we'll create our model:

Then, we'll create some QStandardItems to fill our model. As a tribute to my wife — we're expecting a third baby this summer — I'll make it a list of foods she has craved thus far. Each will have a text caption and a checkbox:

Finally, we'll apply our model to the QListView, show the window, and run the app:

The complete example, with the explanations trimmed and relegated to comments, is:

When run, it will look something like this:

Example Application

Adding Simple Functionality

That's all well and good, but it doesn't do anything yet. Let's look at how to make a QListView with a QStandardItemModel respond to user interaction.

You might imagine that each QStandardItem would be like a QPushButton and would emit signals when it is selected, checked, edited, and so forth — at least, if you're like me, that's what you would expect. If so, you would, like me, be wrong. There is effectively one signal that indicates what has happened to items in a QStandardItemModel, and that is itemChanged(item). As you can see, it carries to its slot the item that has been changed, and to tell what has happened to it, you need to inspect the item. I find this less than ideal, but it's what we get.

You can inspect items that have not been changed by using the model's item method; that returns the item at a specified zero-based row. (It can also accept a column for multi-column models, which we may see another time.)

There are also a great number of signals that indicate changes to the structure of the model; these are all inherited from QAbstractItemModel and can be inspected here. We'll talk more about them in a later discussion of the QAbstractItemModel, which is another topic altogether; for our current example, we won't need any of them.

Let's make our list into a honey-do list; you check off items as you purchase and/or prepare them, and when you're done, the window closes. (I know, this is a highly artificial and constructed example.)

First, we change the title:

Then, we'll need a slot to connect to the model's itemChanged signal. We'll have it first check if the changed item is checked using its checkState method, to avoid going through all the items every time. If it is checked, we'll see if the others are checked; if they all are, we'll have the QApplication quit:

Then, we'll hook the itemChanged signal up to our slot:

That's all we need to do. Here is the full code for our modified example:

That is a simple application of a QListView. It can do much more, but the same model can be used for other widgets, and we'll look at more of its capabilities another time. Next time, we're going to look at something completely different, one of the controls that excites me most in Qt: the QWebView, a WebKit based control to render HTML/CSS/XML/XSLT pages.

  • Scruffy

    Where can I find tutorials for more advanced pyside progamming?

    • http://jacksonc.com Jackson Cooper

      To be honest, I’ve found that there’s not a great deal of tutorials out there. Hence why we decided to do the series. Jason’s stopped writing the series for now, so unfortunately it’ll be awhile before we can publish more on the topic.

      There’s a list of tutorials here: http://qt-project.org/wiki/PySide_Tutorials. They’re not great IMHO, but somewhere to start.

      Your other option would be to simply go through existing projects (try searching GitHub for example), or checkout PySide’s examples here: https://github.com/PySide/Examples.

      Good luck!

  • Luke

    Really great article, thanks for this!

    • http://jacksonc.com Jackson Cooper

      Thanks Luke!

  • Eko Suprapto Wibowo

    Why does this article doesn’t shown up in http://www.pythoncentral.io/series/python-pyside-pyqt-tutorial/ ?

    • http://jacksonc.com Jackson Cooper

      It will soon with the new theme ;-)

  • Mike Sarahan

    Thanks for the nice tutorial. One comment: why do you clobber list? I understand it will work, but this scares me a bit as an example that someone might follow and shoot themselves in the foot.