Customize QListWidgetItem, how to?

[martinn]

I'm using QListWidget to list things in my application. It's very easy to use but also very simple. What if I want a custom design of my QListWidgetItem? The standard is just one row of text but what if I want one large label and other smaller labels that shows text on my QListWidgetItem? Is there an easy way to cusomize this or should I use some other widget for this? Also is there possible to add Buttons on the QListWidgetItem?

A list like this is something I would like:


Thanks really much for your help!

[ecanela]

i think iis more simple use a QListView whit a custom delegate.

[martinn]

Hi and thanks!

Is there any examples on how to use a custom delegate for a QListView?

[squidge]

Sure, in the 'examples' directory of the Qt distribution

[been_1990]

Also check the ICS Network video tutorials at : http://www.ics.com/learning/icsnetwork/
Look for the model-view framework video.

[aamer4yu]

Its not necessary to use QListView for delegates. You can use delgates with QListWidget.
Check the spin box and star delegate examples in Qt Demo.

[martinn]

Thanks for your help!

I found out that I also could use QListWidget::setItemWidget(), which seems simplier than using a delegate?

This is what I tried, I can now build the ui of MyItem using the Design Editor:

//MyItem is a custom widget that takes two strings and sets two labels to those string.
		MyItem *myItem = new MyItem("Text for label1","Text for label2");
		QListWidgetItem *item = new QListWidgetItem();
		item->setSizeHint(QSize(0,65));
		ui.listWidget->addItem(item);
		ui.listWidget->setItemWidget(item,myItem);

//MyItem is a custom widget that takes two strings and sets two labels to those string.
		MyItem *myItem = new MyItem("Text for label1","Text for label2");
		QListWidgetItem *item = new QListWidgetItem();
		item->setSizeHint(QSize(0,65));
		ui.listWidget->addItem(item);
		ui.listWidget->setItemWidget(item,myItem);

To copy to clipboard, switch view to plain text mode 

What is the best way if all I want is to show two different labels and an image, using a delegate or setItemWidget() like above? Is the way I use above a "heavy" solution?

If I use a delegate can I create my ListItem using Designer Editor then? And if so, where can I find examples of this?

Thanks again!

[aamer4yu]

Is the way I use above a "heavy" solution?

Yes

If you use delegate, you can create your item in designer, but you cant see the effects of the delegate from the designer. You will need to run the code and check

[martinn]

Thanks! I thought it seemed a little heavy..

Is there any examples of using the designer when creating the item? (Sorry but I'm a real newbie to Qt)

[Astronomy]

Hi,
Thanks to all for these General ideas, i can use them for my similar problem too.

greetz Astronomy

[aamer4yu]

In the designer, double click on the QListWidget, you will get a dialog to add items.
Did you try it yet ?

[martinn]

In the designer, double click on the QListWidget, you will get a dialog to add items.
Did you try it yet ?

Oh sorry! What I meant was if I could use the designer to build the item in the delegate. Right now I'm using the code below to create the delegate with QPainter as you can see. But I would like it if it was possible to create my ui in the designer instead and add my labels and so on.

Is that possible? And is there any examples of this?

void MyDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const {
	QColor background;
 
	if (option.state & QStyle::State_Selected) {
		background = Qt::darkGray;
	} else {
		background = Qt::lightGray;
	}
	painter->fillRect(....
....
//More code here
....
	painter->drawText(option.rect, Qt::AlignCenter, index.model()->data(index).toString());
}

void MyDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const {
	QColor background;
	
	if (option.state & QStyle::State_Selected) {
		background = Qt::darkGray;
	} else {
		background = Qt::lightGray;
	}
	painter->fillRect(....
....
//More code here
....
	painter->drawText(option.rect, Qt::AlignCenter, index.model()->data(index).toString());
}

To copy to clipboard, switch view to plain text mode 

[Sai Prasad]

Can u send this sorce code for me.

[m.anis]

thank you very much, very useful thread...