如何为QListWidgetItem绘制边框

Question

下面的代码创建了一个 QListWidget，并给 QListWidgetItem 分配了一个缩略图。

如果能告诉我怎么在 QListWidgetItem 周围加一个彩色边框，我会非常感激。

这里有一张用 Photoshop 制作的图片，展示了这个概念：

from PyQt4 import QtGui, QtCore
import sys, os

class MyClassItem(QtGui.QListWidgetItem):
    def __init__(self, parent=None):
        super(QtGui.QListWidgetItem, self).__init__(parent)       


class ThumbListWidget(QtGui.QListWidget):
    def __init__(self, type, parent=None):
        super(ThumbListWidget, self).__init__(parent)
        self.setIconSize(QtCore.QSize(64, 64))

class Dialog_01(QtGui.QMainWindow):
    def __init__(self):
        super(QtGui.QMainWindow,self).__init__()
        self.listItems={}

        myQWidget = QtGui.QWidget()
        myBoxLayout = QtGui.QVBoxLayout()
        myQWidget.setLayout(myBoxLayout)
        self.setCentralWidget(myQWidget)

        self.listWidgetA = ThumbListWidget(self)

        for i in range(7):
            listItemAInstance=MyClassItem()
            name='A'+'%04d'%i
            listItemAInstance.setText(name)
            listItemAInstance.setBackgroundColor(QtCore.Qt.darkGray)   
            if i%2: listItemAInstance.setBackgroundColor(QtCore.Qt.gray)

            icon=self.getIcon(name)
            listItemAInstance.setIcon( icon ) 

            self.listWidgetA.addItem(listItemAInstance) 

            listItemBInstance=MyClassItem()
            name='B'+'%04d'%i
            listItemBInstance.setText(name)
            icon=self.getIcon(name)
            listItemBInstance.setIcon( icon )

        myBoxLayout.addWidget(self.listWidgetA)      

    def getIcon(self, name):
        thumbpath=os.path.expanduser("~")+'/thumbs/' +name+'/'+name+'.jpg'
        if not thumbpath: return
        if not os.path.exists(os.path.dirname(thumbpath)):
            os.makedirs(os.path.dirname(thumbpath))

        img = QtGui.QImage(64, 64, QtGui.QImage.Format_RGB32)
        img.fill(QtGui.QColor(96,96,96))     

        painter = QtGui.QPainter(img)
        font = painter.font()
        font.setBold(True)
        font.setPointSize(18)     

        painter.setPen(QtGui.QColor('black'))
        painter.setFont(font)
        painter.drawText(img.rect(), QtCore.Qt.AlignCenter, name)
        painter.end()
        img.save(thumbpath, 'JPG')

        icon = QtGui.QIcon( thumbpath )
        pixmap = icon.pixmap(64, 64)
        icon = QtGui.QIcon(pixmap)
        return icon

if __name__ == '__main__':
    app = QtGui.QApplication(sys.argv)
    dialog_1 = Dialog_01()
    dialog_1.show()
    dialog_1.resize(720,480)
    sys.exit(app.exec_())

Answer 1

每个从 QWidget 这个类派生出来的类都可以使用CSS样式。你可以这样做：

lwi = QListWidget()
lwi.setStyleSheet("QListWidget::item { border: 0px solid red }")

想了解更多信息，可以查看这个链接：http://qt-project.org/doc/qt-4.8/qwidget.html#styleSheet-prop

你还可以给整个应用程序设置样式，但如果只想给 QListWidgetItem 的某一部分设置样式，可以在前面加上特定的前缀。

这里有一个C++的例子：

app.setStyleSheet("QListWidget { background: red; } QListWidget::item { background: yellow; } QListWidget::item:selected { background: blue; }");