自定义可检查/可切换的QFrame小部件

Custom checkable / toggleble QFrame widget

本文关键字：QFrame 小部 检查 自定义      更新时间：2023-10-16

如何使自定义小部件（派生自"QFrame"）包含可检查/可切换的支持？如何使Qt的样式表（CSS）知道我的小部件被用户检查/切换？

是否需要在自定义小部件中使用某种信号或属性？

我不想使用（即）QPushButton，因为我需要我的按钮小部件来使用Qt的.ui文件。

即使用QPushButton时 - 事情很简单：

QPushButton#btnName:focus:pressed { border-image: url(ThemesPathKey/menu-top-h.png);    }
QPushButton#btnName:checked {   border-image: url(ThemesPathKey/menu-top-h.png);    }
QPushButton#btnName:hover { border-image: url(ThemesPathKey/menu-top-h.png);    }

我的自定义按钮小部件需要类似的东西。

谢谢。

您可以将 hover 和 focus 用于自定义微件，但仅按钮和复选框支持checked。

要替换checked可以使用自定义属性： 

QPushButton#btnName[checked="true"] {   border-image: url(ThemesPathKey/menu-top-h.png);    }

单击小部件时，请像这样切换checked属性：

void mousePressEvent(QMouseEvent*) override
{
    bool checked = property("checked").toBool();
    setProperty("checked", !checked);
    style()->polish(this);
}

对于悬停，您可以对任何派生的小部件使用相同的方法：

class MyClass : public QFrame
{
<...>
}
MyClass a;
a.setStyleSheet("MyClassa:hover{<...>}"); //this will work
a.setStyleSheet("MyClass#a:hover{<...>}"); //and this will work
a.setStyleSheet("QFrame:hover{<...>}"); //Even this will work, too

检查/取消选中更为复杂。帧没有检查状态，因此您必须自己实现它。

class MyClass : public QFrame
{
public:
    <...>
protected:
    void mousePressEvent(QMouseEvent * e) override
    {
        checked_ = !checked_;        
        if(checked)
            setStyleSheet("border:1px solid black;");
        else
            setStyleSheet("border:0px;"); 
    }
bool checked_;
}

或类似的东西

class MyClass : public QFrame
{
public:
    <...>
protected:
    void paintEvent(QPaintEvent * e) override
    {
        if(checked)
        {
        //draw something
        }
        else
        {
        //draw something else
        }
    }
    bool checked_;
}
相关文章：