Icons in a QListWidget

[LuHe]

Hello,
Is anybody able to help me with a QListWidget? I want to create a button bar like in KDEs Kontact (but it would be very great if this can be done with Qt Designer)
But if I want to have an longer text under the icon, the text is simply cut off like in the following screenshot:



Is there a way that the text doesn't get cut off and I don't have to change the icon size? The function adjustSize didn't make any difference.

I attached the source *.ui file

Thanks,
LuHe

[riklaunim]

Add more width to it maybe? And/org use setWordWrap / setWrapping on the QListWidget.
To get a list of "icons" with text in a line, you could also use buttons with icons, and invisible borders set in a layout.

[LuHe]

Add more width to it maybe? And/org use setWordWrap / setWrapping on the QListWidget.
To get a list of "icons" with text in a line, you could also use buttons with icons, and invisible borders set in a layout.

My initial problem was that I didn't want to give a fix width. It should just take as many as it needed. But even though I called adjustSize and/or set the size policy of the listWidget to preferred and the and the stackedWidget to expanding it took half of the size of the whole window.

Thanks for the tip with the buttons, I'll try it and post the result later

[QbelcorT]

Hi,
I recently had a similar issue with this. Try tweaking the gridsize http://doc.trolltech.com/4.3/qlistvi...#gridSize-prop. It also looks like the text width is fixed to the longest item. There is another option http://doc.trolltech.com/4.3/qlistvi...ItemSizes-prop, turn that off if it is set. Also, play with the spacing attribute it may help.

[LuHe]

To get a list of "icons" with text in a line, you could also use buttons with icons, and invisible borders set in a layout.

There are some disadvantage for me:

• I can't connect the ListWidget's rawChanged(int) with my stackWidget's setCurrentIndex(int)
• I don't see any possibility to have the text under the icon

Hi,
I recently had a similar issue with this. Try tweaking the gridsize http://doc.trolltech.com/4.3/qlistvi...#gridSize-prop.

I've tried this. I changed the width of maximumSize and gridSize to 100, but it didn't change anything.

It also looks like the text width is fixed to the longest item. There is another option http://doc.trolltech.com/4.3/qlistvi...ItemSizes-prop, turn that off if it is set.

This also didn't change anything. But it would be great if all icons have the same size.
EDIT: Oh, it did work. The window in the designer wasn't updated, but afterwards I noticed the change in the preview. But uniform sizes would be really cool..

Also, play with the spacing attribute it may help.

I found this in the Qt documentation: When a grid layout is in force the spacing property is ignored.

A big thanks for all of your suggestions

[LuHe]

Is there a way to ensure that the whole text under an QListWidgetItem is displayed when I enable uniformItemSizes ?

EDIT: Nevermind, i just found the solution:
I studied the source code from Kontact and a few moments later I extended me source code with this: (unfortunately I've coded my application in Python, but it shouldn't be hard to covert this to C++):

from PyQt4.QtCore import *
from PyQt4.QtGui import *
 
import ui_mainwindow
 
class MainWindow(QMainWindow,  ui_mainwindow.Ui_MainWindow):
   def __init__(self, parent):
      super(MainWindow,  self).__init__(parent)
      self.setupUi(self)
 
      maxSize = QSize()
      for i in range(self.listWidget.count()):
         itemSize = QStyledItemDelegate().sizeHint( self.listWidget.viewOptions(), self.listWidget.indexFromItem(self.listWidget.item(i)) )
 
         if itemSize.width() > maxSize.width():
            maxSize.setWidth(itemSize.width())
         if itemSize.height() > maxSize.height():
            maxSize.setHeight(itemSize.height())
 
      maxSize.setWidth(maxSize.width() + 5) # Just some spacing
 
      for i in range(self.listWidget.count()):
         self.listWidget.item(i).setSizeHint(maxSize)
 
      self.listWidget.setGridSize(maxSize)
      self.listWidget.setMaximumWidth(maxSize.width() + self.listWidget.rect().width() - self.listWidget.contentsRect().width() )
      self.listWidget.setMinimumWidth(maxSize.width() + self.listWidget.rect().width() - self.listWidget.contentsRect().width() )
 
      self.show()
 
app = QApplication([])
w = MainWindow(None)
app.exec_()

from PyQt4.QtCore import *
from PyQt4.QtGui import *

import ui_mainwindow

class MainWindow(QMainWindow,  ui_mainwindow.Ui_MainWindow):
   def __init__(self, parent):
      super(MainWindow,  self).__init__(parent)
      self.setupUi(self)

      maxSize = QSize()
      for i in range(self.listWidget.count()):
         itemSize = QStyledItemDelegate().sizeHint( self.listWidget.viewOptions(), self.listWidget.indexFromItem(self.listWidget.item(i)) )

         if itemSize.width() > maxSize.width():
            maxSize.setWidth(itemSize.width())
         if itemSize.height() > maxSize.height():
            maxSize.setHeight(itemSize.height())

      maxSize.setWidth(maxSize.width() + 5) # Just some spacing

      for i in range(self.listWidget.count()):
         self.listWidget.item(i).setSizeHint(maxSize)

      self.listWidget.setGridSize(maxSize)
      self.listWidget.setMaximumWidth(maxSize.width() + self.listWidget.rect().width() - self.listWidget.contentsRect().width() )
      self.listWidget.setMinimumWidth(maxSize.width() + self.listWidget.rect().width() - self.listWidget.contentsRect().width() )

      self.show()

app = QApplication([])
w = MainWindow(None)
app.exec_()

To copy to clipboard, switch view to plain text mode 

For everybody who wants to do a similar thing I attatched my final *.ui file and made an screenshot:

[GuS]

Nice solution, i was needed this... a shame Qt/Designer has not a better method to achieve this.

Cheers.!

[LuHe]

Hey guys,
I need you again...

The above solution works fine with Linux/Oxygen theme and Windows XP, but looks ugly in Windows Vista and Windows 7 as you can see in these screenshots:

Linux:


Windows 7:


Is it possible to extend the region of the background of a selected item in a QListWidget?

I even tried it with a QStyledItemDelegate and QStyleOptionViewItemV4 (decorationSize attribute), but this didn't help.

Does anybody know what I should try else?

Thanks for your help,
Lukas

[LuHe]

Hello,

I've rewritten this small example in C++ and included the used icons in a resource file, maybe anybody could help me now..?

Thanks,
Lukas

[LuHe]

Could anybody help me with this issue?
It's the last bug in my application that needs to be fixed, before I can
release a new version :-(

[yren]

There is a simple solution: Adjust the iconSize (default is 0 x 0) of your QListWidget properties in QT Designer.

Yi