6

我想制作一个结合两个现有小部件行为的小部件。例如，一个小部件是一个按钮，它还包含一个复选框。用户可以单击较大的按钮，也可以单击其中的复选框。

例如，gmail 引入了一个“全选”按钮，该按钮在单击时显示一个菜单，但它还集成了一个选择所有电子邮件的复选框。有关示例，请参见此屏幕截图：
在此处输入图像描述


如何将现有小部件的行为组合到这种效果？我希望有一个可以组合小部件行为的解决方案，我只需要覆盖它们冲突的地方。

这个问题类似于在 qt 中将多个小部件组合为一个问题，但不同之处在于我希望将两个小部件放在彼此之上并显示为一个小部件。

为了响应 cbamber85 的回复，我添加了下面的代码来显示我已经设法整合回复的程度。与 cbamber85 的回复一样，这不包含真正的功能，它只是他的代码的 PyQT 版本。

from PyQt4 import QtCore, QtGui

class CheckBoxButton(QtGui.QWidget):
    checked = QtCore.pyqtSignal(bool)

    def __init__(self, *args):
        QtGui.QWidget.__init__(self, *args)
        self._isdown = False
        self._ischecked = False

    def isChecked(self):
        return self._ischecked

    def setChecked(self, checked):
        if self._ischecked != checked:
            self._ischecked = checked
            self.checked.emit(checked)

    def sizeHint(self, *args, **kwargs):
        QtGui.QWidget.sizeHint(self, *args, **kwargs)
        return QtCore.QSize(128,128)

    def paintEvent(self, event):
        p = QtGui.QPainter(self)
        butOpt = QtGui.QStyleOptionButton()
        butOpt.initFrom(self)
        butOpt.state = QtGui.QStyle.State_Enabled
        butOpt.state |= QtGui.QStyle.State_Sunken if self._isdown else QtGui.QStyle.State_Raised

        self.style().drawControl(QtGui.QStyle.CE_PushButton, butOpt, p, self)

        chkBoxWidth = self.style().pixelMetric(QtGui.QStyle.PM_CheckListButtonSize,
                                               butOpt, self) / 2
        butOpt.rect.moveTo((self.rect().width() / 2) - chkBoxWidth, 0)

        butOpt.state |= QtGui.QStyle.State_On if self._ischecked else QtGui.QStyle.State_Off
        self.style().drawControl(QtGui.QStyle.CE_CheckBox, butOpt, p, self)

    def mousePressEvent(self, event):
        self._isdown = True
        self.update()

    def mouseReleaseEvent(self, event):
        self.setChecked(not self.isChecked())
        self._isdown = False
        self.update()


class Dialog(QtGui.QMainWindow):
    def __init__(self):
        QtGui.QWidget.__init__(self)
        widg = CheckBoxButton(self)
        self.setCentralWidget(widg)


if __name__ == '__main__':
    app = QtGui.QApplication([])
    window = Dialog()
    window.show()
    app.exec_()
4

2 回答 2

5

是的，当然可以，但它的简单程度取决于小部件的组合方式。

例如，如果您想创建一个旁边有标签而不是内部的按钮，您可以从 派生并QWidget添加您的QLabelandQPushButton作为成员，然后简单地将它们附加到构造函数中的小部件的内部布局。（我应该指出，有很多不同的方法可以做到这一点）。

然而，对于将行为组合成一个新的、视觉上不同的小部件的小部件——您需要告诉 Qt 如何绘制它。因此，子类化paintEvent(..)并将您的小部件手动绘制到QPainter(this). 并且要将小部件与当前样式匹配，您必须QStyle为您绘制组件 - 这实际上让生活变得更加轻松。

然后您需要覆盖mouse###Event(..)并手动处理鼠标交互（并且可能还需要键盘交互）。

这很费力，但是您的小部件越接近现有小部件，工作自然就越少。在您的情况下，我会从中派生，QToolButton因为它已经支持下拉菜单。然后重新实现paintEvent(..)，调用QStyle::drawControl(CE_PushButtonBevel, ...绘制按钮，然后QStyle::drawControl(CE_CheckBox, ...在正确的状态下绘制复选框。然后重新实现mousePressEvent(..)，确定是否在复选框命中区域内，并相应地更改状态。

一个可笑的例子

这个毫无意义的小部件演示了上面描述的一些技术。

class WeirdCheckBoxButton : public QWidget
{
    Q_OBJECT

public:
    explicit WeirdCheckBoxButton( QWidget* parent = nullptr )
             : QWidget( parent ), checked_( false ), down_( false ) {}
    virtual ~WeirdCheckBoxButton() {}

    bool isChecked() const { return checked_; }
    QSize sizeHint () const { return QSize( 128, 128 ); }

public slots:
    virtual void setChecked( bool checked )
    {
        if ( checked_ != checked ) {
            checked_ = checked;
            emit clicked( checked );
        }
    }

signals:
    void clicked( bool checked );

protected:
    virtual void paintEvent( QPaintEvent* event )
    {
        Q_UNUSED( event )
        QPainter p( this );

        //  QStyleOption, and derived classes, describe the state of the widget.
        QStyleOptionButton butOpt;
        butOpt.initFrom( this ); // A convenience function that steals state
                                 // from this widget.
        butOpt.state = QStyle::State_Enabled;
        butOpt.state |= down_ ? QStyle::State_Sunken : QStyle::State_Raised;

        //  Renders the widget onto the QPainter.
        style()->drawControl( QStyle::CE_PushButton, &butOpt, &p, this );

        //  pixelMetric() gives you style relevant dimensional data.
        int chkBoxWidth = style()->pixelMetric( QStyle::PM_CheckListButtonSize,
                                                &butOpt, this ) / 2;
        butOpt.rect.moveTo( ( rect().width() / 2 ) - chkBoxWidth, 0 );
        butOpt.state |= checked_ ? QStyle::State_On : QStyle::State_Off;
        style()->drawControl( QStyle::CE_CheckBox, &butOpt, &p, this );
    }

    virtual void mousePressEvent( QMouseEvent* event )
    {
        Q_UNUSED( event )

        down_ = true;
        update();
    }

    virtual void mouseReleaseEvent( QMouseEvent* event )
    {
        Q_UNUSED( event )

        setChecked( !isChecked() );
        down_ = false;
        update();
    }

private:
    bool checked_;
    bool down_;
};

这是一个薄弱的例子，但它已经成熟，可以复制和试验了。例如，通过访问butOpt.palette，您可以根据它们的状态调整呈现的小部件的颜色。

于 2012-08-08T12:24:28.760 回答
0

是的，有可能。您可以在 QtDesigner 中构建一个单独的小部件，其中包含您的所有功能和添加小部件交互的一切。您可以编写后端（python 或 c++ 等）代码来处理复杂的交互性。一旦你完成了所有。您可以将其打包为 QtDesignerPluginWidget。这将在您的 QtDesigner 小部件列表框中可用。您可以拖放它来构建您的主应用程序。

检查： http ://doc.qt.nokia.com/qq/qq26-pyqtdesigner.html （基于 C++） http://diotavelli.net/PyQtWiki/Using_Python_Custom_Widgets_in_Qt_Designer（基于 Python）

于 2012-08-08T12:07:50.127 回答