Question

这是我正在尝试做的事情（所有父母和孩子必须在右侧有一个关闭按钮，将来，只有悬停的项目才能显示**关闭**按钮）：

enter image description here

我的委托代码：

class CloseButton : public QItemDelegate
{
     Q_OBJECT

public:
     CloseButton( QObject* parent = 0 )
          : QItemDelegate( parent )
     {};

     QWidget* createEditor( QWidget* parent, const QStyleOptionViewItem& option, const QModelIndex& index ) const
     {
          if ( index.column() == 1 )
          {
               QToolButton* button = new QToolButton( parent );
               button->setIcon( QIcon( CLOSE_ICON ) );
               //button->setFixedSize( 16, 16 );
               //button->setAutoRaise( true );
               //button->setVisible( true );

               CONNECT( button, SIGNAL( clicked() ), this, SLOT( emitCommitData() ) );

               return button;
          }
          return ( new QWidget );
     }

private slots:
     void emitCommitData()
     {
          emit commitData( qobject_cast< QWidget* >( sender() ) );
     }

private:
     //Q_DISABLE_COPY( CloseButton );
};

使用QTreeWidget连接代码：

recipientsView()->setItemDelegateForColumn( 1, new CloseButton( this ) );

其中recipientsView()是一个简单的QTreeWidget。

问题是QToolButton s根本没有显示（它必须在第二列中，即树中的列索引是1）。我做错了什么？

我已经检查了所有关于代表的Qt演示示例以及关于QItemDelegate和类似内容的第一个Google结果。

Answer 1

您可以使用QStyledDelegate::paint功能绘制关闭图标，而不使用任何窗口小部件，editorEvent可以接收项目的鼠标事件，即使您不使用编辑器或制作该项目可编辑。

class CloseButton : public QStyledItemDelegate {
    Q_OBJECT
public:

    explicit CloseButton(QObject *parent = 0, 
                         const QPixmap &closeIcon = QPixmap())
        : QStyledItemDelegate(parent)
        , m_closeIcon(closeIcon)
    {
        if(m_closeIcon.isNull())
        {
            m_closeIcon = qApp->style()
                ->standardPixmap(QStyle::SP_DialogCloseButton);
        }
    }

    QPoint closeIconPos(const QStyleOptionViewItem &option) const {
        return QPoint(option.rect.right() - m_closeIcon.width() - margin,
                      option.rect.center().y() - m_closeIcon.height()/2);
    }

    void paint(QPainter *painter, const QStyleOptionViewItem &option,
               const QModelIndex &index) const {
        QStyledItemDelegate::paint(painter, option, index);
        // Only display the close icon for top level items...
        if(!index.parent().isValid()
                // ...and when the mouse is hovering the item
                // (mouseTracking must be enabled on the view)
                && (option.state & QStyle::State_MouseOver))
        {
            painter->drawPixmap(closeIconPos(option), m_closeIcon);
        }
    }

    QSize sizeHint(const QStyleOptionViewItem &option,
                   const QModelIndex &index) const
    {
        QSize size = QStyledItemDelegate::sizeHint(option, index);

        // Make some room for the close icon
        if(!index.parent().isValid()) {
            size.rwidth() += m_closeIcon.width() + margin * 2;
            size.setHeight(qMax(size.height(),
                                m_closeIcon.height() + margin * 2));
        }
        return size;
    }

    bool editorEvent(QEvent *event, QAbstractItemModel *model,
                     const QStyleOptionViewItem &option,
                     const QModelIndex &index)
    {
        // Emit a signal when the icon is clicked
        if(!index.parent().isValid() &&
                event->type() == QEvent::MouseButtonRelease) {
            QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);

            QRect closeButtonRect = m_closeIcon.rect()
                    .translated(closeIconPos(option));

            if(closeButtonRect.contains(mouseEvent->pos()))
            {
                emit closeIndexClicked(index);
            }
        }
        return false;
    }

signals:
    void closeIndexClicked(const QModelIndex &);
private:
    QPixmap m_closeIcon;
    static const int margin = 2; // pixels to keep arount the icon

    Q_DISABLE_COPY(CloseButton)
};

Answer 2

首先，我应该问你是否真的使用QTreeWidget，或者更确切地说是QTreeView？根据QTreeView的文档，您不能将自定义委托与QTreeWidget一起使用，并且必须使用QTree * View *和某种形式的QAbstractItemModel才能使用自定义委托。

啊，划伤那个。我看到你正在调用setItemDelegateForColumn，它是一个QTreeView函数，但是你应该知道它的区别，所以我保留了上面的段落。：）

我会检查你的模型的flags()函数是否返回Qt :: ItemIsEditable作为其项目标志的一部分。只要视图报告编辑事件，就会调用createEditor（）方法。（将触发编辑的视图事件取决于模型的EditTriggers）通常，双击委托将默认触发编辑，等等。

我怀疑你是否希望关闭按钮仅在双击时出现。要使按钮始终显示，您必须重新实现委托的paint（）函数以绘制按钮，等等。我发现Qt的StarDelegate example在这方面非常有用，我怀疑你会发现它也很有用。

Answer 3

您可以使用QTreeWidget以这种方式使用QItemDelegate（例如在PyQt中，抱歉）：

myTreeWidget = QtGui.QTreeWidget()
myTreeWidget.setItemDelegate(myDelegate())

class myDelegate(QtGui.QItemDelegate):
    def paint(self, painter, option, index):

        #Custom Draw Column 1
        if index.column() == 1:
            icon = QtGui.QIcon(index.data(QtCore.Qt.DecorationRole))
            if icon:
                icon.paint(painter, option.rect)
                #You'll probably want to pass a different QRect

        #Use the standard routine for other columns
        else:
            super(myDelegate, self).paint(painter, option, index)

如何为QTreeWidget创建委托？

3 个答案: