Custom list widget

[Robey Mardon]

Hi there, I'd like to know how to create a custom list widget like this:

Image 1
Image 2
Image 3

All of them has an image, buttons and informations, how can I do a custom widget like that?

Thanks in advance.

[p3c0]

Hi @Robey-Mardon and Welcome,
With that amount of customization its better to go with QListView with custom delegate. You can use QStyledItemDelegate and reimplement paint method to draw text or pixmaps using QPainter's drawText and drawPixmap. Explore more functions for QPainter.
Now to draw controls like buttons and progressbar use classes like QStyleOptionButton and QStyleOptionProgressBar inherited from QStyleOption.

More about Model/View Programming in Qt is here .

[Robey Mardon]

@p3c0 Thank you, I'll be reading that.

[stephane78]

Hi,
I have another perhaps easyer solution that I have already used in one software. You use a QTableWidget with one column instead of a QListWidget, and you create a class that derivate from QTableWidgetItem and of Qwidget :

#define     WType      ((QTableWidgetItem::UserType)+200)

class TableWidgetItem : public QTableWidgetItem,public QWidget
{
public:
    TableWidgetItem(QWidget * parent = 0, Qt::WindowFlags f = 0,int type=WType);
  ...

as this class derivate from Qwidget you can add what you want in this class..it runs well.and you insert objects of this class in you QTablewidget.

[p3c0]

@stephane78 Well in that case why QTableWidget and QTableWidgetItem ? Use QListWidget and QListWidgetItem. Using custom delegates for large customization is more flexible.

[stephane78]

@p3c0
you are right it's better to use custom delegates like you say.
I am not sure my solution runs with QListWidget but it is ok too with QTablewidget.