如何自定义 QComboBox

Question

我希望能够从其下拉菜单中选择多个QComboBox 的项目（使用 Shift 或 Alt+单击以从当前选择中添加/提取）。

1. 单击时，QComboBox 会向下滚动一个下拉菜单。

2. 但是当用户第二次点击鼠标时（从下拉菜单中选择一个项目）

ComboBox 不会像默认情况下那样回滚（或自折叠）。相反，它将保持打开状态，以便用户能够按住 Shift 键并单击更多组合框项目以添加或从选择中提取它们。最后，当用户对选择感到满意时，按下Enter 键以“确认”选择。

这是一个 Photoshop 的图像，显​​示了我想要实现的“多选”QComboBox 的概念：

下面的代码创建 QComboBox，几乎所有事件都暴露出来。但我看到的唯一“代理”是 onMousePressEvent()。当用户从下拉菜单中选择项目时，我找不到追踪的方法......

编辑：

一小时后，我了解到QComboBox 可以通过其.view().setSelectionMode(3) 设置为多选。

那么同样的.view()可以用来查询Combobox选中项：

selectedIndexes=self.view().selectionModel().selectedIndexes() 

（其中self 本身就是一个组合）

有一种方法可以使用selectionModel.select(idx, QtGui.QItemSelectionModel.Select) 选择组合项

但到目前为止我没能成功.....

from PyQt4 import QtCore, QtGui

app = QtGui.QApplication([])
class Combo(QtGui.QComboBox):
    def __init__(self, *args, **kwargs):
        super(Combo, self).__init__()
        self.addItems(['Item_1','Item_2','Item_3','Item_4','Item_5'])
        self.view=self.view()
        self.view.setSelectionMode(3)
        self.activated.connect(self.clicked)   
        self.show()

    def clicked(self, arg=None):
        selectionModel=self.view.selectionModel()
        selectedIndexes=selectionModel.selectedIndexes()

        for idx in selectedIndexes:
            selectionModel.select(idx, QtGui.QItemSelectionModel.Select)
            print 'selecting idx: %s'%idx

        self.showPopup()

tree=Combo()
sys.exit(app.exec_())

Answer 1

其他方式，您可以使用类似图标来检查状态。比QtGui.QStandardItem 容易。方法QIcon QComboBox.itemIcon (self, int index)和方法QComboBox.setItemIcon (self, int index, QIcon icon)在类QtGui.QComboBox中可用；

import sys
from PyQt4 import QtGui

class QCustomComboBox (QtGui.QComboBox):
    CHECK_QICON   = QtGui.QIcon.fromTheme('call-start')
    UNCHECK_QICON = QtGui.QIcon.fromTheme('call-stop')

    def __init__(self, *args, **kwargs):
        super(QCustomComboBox, self).__init__(*args, **kwargs)
        listsItem = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']
        for index in range(0, len(listsItem)):
            self.addItem(listsItem[index])
            self.setItemIcon(index, self.UNCHECK_QICON)
        self.activated.connect(self.customActivated)

    def hidePopup (self):
        pass # Force only ESC button to exit.

    def customActivated (self, index):
        # self.blockSignals(True) # Force first index only
        # self.setCurrentIndex(0)
        # self.blockSignals(False)
        stateQIcon = self.itemIcon(index)
        newQIcon = {
            self.CHECK_QICON.name()   : self.UNCHECK_QICON,
            self.UNCHECK_QICON.name() : self.CHECK_QICON,
        } [stateQIcon.name()]
        self.setItemIcon(index, newQIcon)
        print self.export() # View last update data

    def export (self):
        listsExportItem = []
        for index in range(0, self.count()):
            stateQIcon = self.itemIcon(index)
            state = {
                self.CHECK_QICON.name()   : True,
                self.UNCHECK_QICON.name() : False,
            } [stateQIcon.name()]
            listsExportItem.append([str(self.itemText(index)), state])
        return listsExportItem

myQApplication = QtGui.QApplication([])
myQCustomComboBox = QCustomComboBox()
myQCustomComboBox.show()
sys.exit(myQApplication.exec_())

Answer 2

我最终使用文本颜色来区分单击（也称为选定）项目与其他项目。

首先单击 ComboBox 打开其下拉菜单。 以下所有点击都是选择/取消选择（突出显示的红色）项目。点击退出以关闭下拉菜单。

from PyQt4 import QtCore, QtGui
app = QtGui.QApplication([])

class Combo(QtGui.QComboBox):
    def __init__(self, *args, **kwargs):
        super(Combo, self).__init__()        
        for each in ['Item_1','Item_2','Item_3','Item_4','Item_5']:
            item=QtGui.QStandardItem(each) 
            self.model().appendRow(item)
            item.setData('black')

        self.activated.connect(self.clicked)   
        self.show()  

    def clicked(self, clickedNumber=None): 
        self.blockSignals(True)  
        self.setCurrentIndex(0)        
        self.showPopup()
        self.view().clearSelection()

        clickedItem=self.model().item(clickedNumber)

        color=clickedItem.data().toString()
        if color=='black': clickedItem.setData('red')
        elif color=='red': clickedItem.setData('black')
        clickedItem.setForeground(QtGui.QColor(clickedItem.data().toString()))

        clickedIndex=self.model().indexFromItem(clickedItem)
        self.view().selectionModel().select(clickedIndex, QtGui.QItemSelectionModel.Select)
        self.setCurrentIndex(clickedNumber)  

        self.blockSignals(False)

tree=Combo()
sys.exit(app.exec_())