如何设置 QStyleOptionButton 像带有自定义图标的复选框一样



我有一个从QStyledItemDelegate继承的自定义Delegate类。在paint()事件中,我想补充QStyleOptionButton应该可以检查的内容。可能吗?

例如,它用眼睛图标表示可见性属性;当按下按钮时,眼睛图标变成闭眼图标。

paint() 方法中,这是我创建按钮的当前代码:

QStyleOptionButton buttonVis;
buttonVis.rect = getButtonVisibilityRect();
buttonVis.iconSize = QSize(sizeX, sizeY);
buttonVis.icon = icon;
buttonVis.state = QStyle::State_Enabled;
buttonVis.features = QStyleOptionButton::None;
QApplication::style()->drawControl(QStyle::CE_PushButton, &buttonVis, painter);

我加载到buttonVis的图标由以下人员创建:

QIcon icon;
icon.addPixmap(QPixmap(":/control-visibility.svg"), QIcon::Normal, QIcon::On);
icon.addPixmap(QPixmap(":/control-visibilityNo.svg"), QIcon::Normal, QIcon::Off);

在我运行程序的那一刻,按钮有一个闭着眼睛的图标。是否有命令可以控制显示哪个图标?如果我的初始布局无法实现,正确的方向是什么?

编辑:我发现了如何选择要使用的图标以模拟复选框外观。相反,如果行buttonVis.state = QStyle::State_Enabled;应该有:

if (/* current item checkbox checked? */)
    buttonVis.state = QStyle::State_Enabled | QStyle::State_On;
else
    buttonVis.state = QStyle::State_Enabled | QStyle::State_Off;

现在的问题是弄清楚该条件是什么或如何从editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index)进行设置。问题是我不能自己真正改变option因为它是不断的参考。任何想法如何做到这一点,或者如何绕过它?

你可以尝试这样的事情:

QStyleOptionButton option;
option.initFrom(this);
...
QStylePainter p(this);
if (option.state.testFlag(QStyle::State_Sunken)) {
    p.drawPixmap(this->rect(), QPixmap(":/control-visibility"));
} else {
    p.drawPixmap(this->rect(), QPixmap(":/control-visibilityNo"));
}

小心使用 SVG 文件,请先尝试使用 PNG。

QStyle::State_Sunken 0x00000004 用于指示小部件是否 凹陷或压榨。

最后,我想出了如何设置某些标志,然后对其进行测试,看看按钮是否更改了图标。

因此,对于图标更改,正如我在编辑问题时提到的,我必须使用以下内容:

buttonVis.state |= QStyle::State_Enabled;
buttonVis.state |= isChanged? QStyle::State_Off : QStyle::State_On;

因此,它归结为如何设置isChanged标志。它可以在委托editorEvent()方法中完成:

bool Delegate::editorEvent(QEvent *event, QAbstractItemModel *model, const StyleOptionViewItem &option, const QModelIndex &index)
{
    if (/* event is release and it is over the button area*/)
    {
        bool value = index.data(Qt::UserRole).toBool();
        // this is how we setup the condition flag
        model->setData(index, !value, Qt::UserRole);
        return true;
    }
}

现在要使用设置标志,我们在设置buttonVis.state之前的paint()事件中执行此操作:

bool isChanged = index.data(Qt::UserRole).toBool();

通过添加这些步骤,我的QStyleOptionButton现在的行为类似于复选框,但它将图标更改为状态。

最新更新