logo标签列表

复选框和表格视图中的项委托

qtqtableviewqitemdelegateqcheckbox
7

我正在实现一个从QitemDelegate继承的CheckBox，以将其放入QTableView中。

问题是当插入时它是靠左对齐的，而我需要它居中显示。

据我所知，负责绘制的方法是Paint。我已经编写了如下代码：

void CheckBoxDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
bool checkValue;

QStyleOptionButton BtnStyle;
BtnStyle.state = QStyle::State_Enabled;

if(index.model()->data(index, Qt::DisplayRole).toBool() == true)
{
BtnStyle.state |= QStyle::State_On;
checkValue = true;
}else{
BtnStyle.state |= QStyle::State_Off;
checkValue = false;
}


BtnStyle.direction = QApplication::layoutDirection();
BtnStyle.rect = option.rect;
QApplication::style()->drawControl(QStyle::CE_CheckBox,&BtnStyle,painter );
QApplication::style()->drawControl(QStyle::CE_CheckBox,&BtnStyle,painter );
}

怎样才能让内容居中显示？

现在我有了下面这个：

.h

class BooleanWidget : public QWidget
{
    Q_OBJECT
    QCheckBox * checkBox;

    public:
    BooleanWidget(QWidget * parent = 0)
    {
        checkBox = new QCheckBox(this);
        QHBoxLayout * layout = new QHBoxLayout(this);
        layout->addWidget(checkBox,0, Qt::AlignCenter);

    }

    bool isChecked(){return checkBox->isChecked();}
    void setChecked(bool value){checkBox->setChecked(value);}
};

class CheckBoxDelegate : public QItemDelegate
{
    Q_OBJECT
private:
    BooleanWidget *checkbox;

public:
    CheckBoxDelegate(QObject *parent);
    ~CheckBoxDelegate();
    void setEditorData( QWidget *editor,const QModelIndex &index )const;
    void setModelData( QWidget *editor,QAbstractItemModel *model,const QModelIndex &index )const;
    QWidget *createEditor( QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */ )const;
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;

public slots:
    void changed( bool );

};

.ccp 
void CheckBoxDelegate::changed( bool value )
{
    BooleanWidget *checkbox = static_cast<BooleanWidget*>( sender() );
    emit commitData( checkbox );
    emit closeEditor( checkbox );
}

QWidget *CheckBoxDelegate::createEditor( QWidget *parent,const QStyleOptionViewItem &/* option */,const QModelIndex &/* index */ ) const
{
  BooleanWidget *editor = new BooleanWidget( parent );
  connect( editor, SIGNAL( toggled ( bool ) ), this, SLOT( changed( bool ) ) );

  return editor;
}

void CheckBoxDelegate::setEditorData( QWidget *editor,const QModelIndex &index ) const
{
    int value = index.model()->data(index, Qt::DisplayRole).toInt();

    BooleanWidget *checkbox = static_cast<BooleanWidget*>(editor);

    if(value == 1)
    {
        checkbox->setChecked(true);
    }
    else
    {
        checkbox->setChecked(false);
    }


}

void CheckBoxDelegate::setModelData( QWidget *editor,QAbstractItemModel *model,const QModelIndex &index ) const
{
    BooleanWidget *checkBox = qobject_cast<BooleanWidget*>( editor );
    Qt::CheckState value;

    if(checkBox->isChecked())
        value = Qt::Checked;
    else
        value = Qt::Unchecked;

    model->setData( index, value, Qt::DisplayRole);
}

void CheckBoxDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    drawCheck(painter, option, option.rect, index.data().toBool() ? Qt::Checked : Qt::Unchecked);
    drawFocus(painter, option, option.rect);
}
6个回答
9
如果您正在扩展QItemDelegate类，它有一个drawCheck()函数，可以为您绘制一个漂亮的、居中的复选框。您可以在paint()函数中使用它。 编辑: 这是一个示例，假设您有一个名为BooleanEditor的类，它继承自QItemDelegate:
void BooleanEditor::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    drawCheck(painter, option, option.rect, index.data().toBool() ? Qt::Checked : Qt::Unchecked);
    drawFocus(painter, option, option.rect);
}

为了在进入编辑模式时保持复选框居中，您可以进行以下操作：
class BooleanWidget : public QWidget
{
    Q_OBJECT
    QCheckBox * checkBox;

    public:
    BooleanWidget(QWidget * parent = 0)
    {
        checkBox = new QCheckBox(this);
        QHBoxLayout * layout = new QHBoxLayout(this);
        layout->addWidget(checkBox,0, Qt::AlignCenter);
    }

    bool isChecked(){return checkBox->isChecked();}
    void setChecked(bool value){checkBox->setChecked(value);}
};

在您的ItemDelegates中，创建createEditor()方法并返回一个BooleanWidget类的实例。在setModelData()和setEditorData()中，您现在可以将输入小部件强制转换为此BooleanWidget：

BooleanWidget * widget = qobject_cast<BooleanWidget*>(editor);

然后使用is/setChecked方法。

可以给我一个例子吗？因为据我所见，该函数是这样构建的：drawCheck(QPainter *painter, const QStyleOptionViewItem &option, QRect &rect, Qt::state); - jackajack
我添加了一个示例。如果您想要使其可编辑（不仅仅是显示），那么您还应该覆盖表格模型的 flags() 函数。 - Balázs Édes
好的，谢谢。我已经解决了问题的一部分。检查框已经居中了。现在的问题是，我把这个检查框放在了一个 QTableView 中，但是单击它时它会向左移动而不被选中。我必须双击才能选择它。 - jackajack
所有的Qt项代理编辑器模式只有在双击时才会被激活。我尝试自己找到解决这个复选框问题的方法，但这可能会带来更多麻烦，不值得。 - Balázs Édes
你可以使用单击激活编辑器，例如： def currentChanged(self, current, previous): self.edit(current) - Lars
显示剩余2条评论
4
我使用以下项目代表解决了这个问题：

booleanitemdelegate.h

#ifndef BOOLEANITEMDELEGATE_H
#define BOOLEANITEMDELEGATE_H

#include <QItemDelegate>



class BooleanItemDelegate : public QItemDelegate
{
public:
    BooleanItemDelegate(QObject *parent);

public:
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;public:
    bool editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index);
};

#endif // BOOLEANITEMDELEGATE_H

booleanitemdelegate.cpp

#include "booleanitemdelegate.h"

BooleanItemDelegate::BooleanItemDelegate(QObject *parent):
    QItemDelegate(parent)
{

}

void BooleanItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    drawCheck(painter, option, option.rect, index.data().toBool() ? Qt::Checked : Qt::Unchecked);
    drawFocus(painter, option, option.rect);
}

bool BooleanItemDelegate::editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index)
{
    if(event->type() == QEvent::MouseButtonRelease){
        model->setData(index, !model->data(index).toBool());
        event->accept();
    }
    return QItemDelegate::editorEvent(event, model, option, index);
}

我希望我能提供帮助。

1
对我来说，这是最好的答案，因为它非常简单且运行良好。 - sandwood
这是最好的答案之一。非常简单且有效。 - Pat. ANDRIA
还有我的意见。这是最好的答案。必须放在最上面！ - ThomasL.
2

以下是我用来居中对齐编辑器控件的方法：

QWidget *checkBoxDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const {
    QCheckBox *editor = new QCheckBox(parent);
    editor->setTristate(allowTriState); //my class' variable
    // this does the trick :)
    editor->setStyleSheet("QCheckBox {margin-left: 43%; margin-right: 57%;}"); 
    // this should do it better
    // editor->setStyleSheet("QCheckBox {margin-left: auto; margin-right: auto;}");
    // but in my case the checkbox is slightly to the left of original
    return editor;
}
1
解决方案如下：
认为继承自itemDelegate QStyledItemDelegate，并重新实现了"paint"和"editorEvent"方法。
在"editorEvent"方法中发出一个信号，表示选择了哪一行。
以下是代码。
class ItemDelegate : public QStyledItemDelegate
{
    Q_OBJECT

signals:
    void clickSignal(int);


public:
    ItemDelegate(QObject *parent = 0)
        : QStyledItemDelegate(parent)
    {
    }

    void paint ( QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index ) const
    {
        QStyleOptionViewItemV4 viewItemOption(option);

        if (index.column() == 0) {
            const int textMargin = QApplication::style()->pixelMetric(QStyle::PM_FocusFrameHMargin) + 1;
            QRect newRect = QStyle::alignedRect(option.direction, Qt::AlignCenter,
                                                QSize(option.decorationSize.width() + 5,option.decorationSize.height()),
                                                QRect(option.rect.x() + textMargin, option.rect.y(),
                                                      option.rect.width() - (2 * textMargin), option.rect.height()));
            viewItemOption.rect = newRect;
        }
        QStyledItemDelegate::paint(painter, viewItemOption, index);

    }

    virtual bool editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option,
                             const QModelIndex &index)
    {
        Q_ASSERT(event);
        Q_ASSERT(model);

        // make sure that the item is checkable
        Qt::ItemFlags flags = model->flags(index);
        if (!(flags & Qt::ItemIsUserCheckable) || !(flags & Qt::ItemIsEnabled))
            return false;
        // make sure that we have a check state
        QVariant value = index.data(Qt::CheckStateRole);
        if (!value.isValid())
            return false;
        // make sure that we have the right event type
        if (event->type() == QEvent::MouseButtonRelease) {
            const int textMargin = QApplication::style()->pixelMetric(QStyle::PM_FocusFrameHMargin) + 1;
            QRect checkRect = QStyle::alignedRect(option.direction, Qt::AlignCenter,
                                                  option.decorationSize,
                                                  QRect(option.rect.x() + (2 * textMargin), option.rect.y(),
                                                        option.rect.width() - (2 * textMargin),
                                                        option.rect.height()));

        } else {
            return false;
        }
        Qt::CheckState state = (static_cast<Qt::CheckState>(value.toInt()) == Qt::Checked
                                ? Qt::Unchecked : Qt::Checked);




        emit(clickSignal(index.row()));

        return model->setData(index, state, Qt::CheckStateRole);
    }


};

我在一个连接了 QTableView 的类中做了这个：

connect(check,SIGNAL(clickSignal(int)),this,SLOT(CheckMark(int))); //check the itemDelegate

执行了标记为的检查操作

0

不要过多地纠结于直接设置矩形：

BtnStyle.rect = option.rect;

构造一个新的QRect，并将x坐标向右移动任意距离：
QRect r = option.rect;
QRect r1(r.x() + 34, r.y(), r.width(), r.height());
BtnStyle.rect = r1;
0

Python中居中复选框并允许用户勾选/取消勾选的解决方案在这里

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接