button - 使 Qt 按钮相互连接

Question

我想用 Qt4 库实现这种效果:一个按钮组，它附加了它旁边的每个按钮。在 Gtk3 中，我只是将“链接”类应用于容器小部件。这在 Qt4 中如何完成？

Answer 1

在 Qt 中，要创建一组链接按钮，您可以使用 QButtonGroup里面有可检查的按钮。

请注意，此类不是可视容器，您需要使用常规布局技术自行布置按钮(或其他任何东西)。 (另一种选择是 QGroupBox ，它确实具有视觉外观。)

使用分组框和style sheets 相对简单达到这个效果。

#include <QtGui>

// For Qt 5:
// #include <QtWidgets>

static QString strip_normal(
"QPushButton {"
"   margin: 0; padding: 10px; border: 0px;"
"   background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,"
"                              stop: 0 #f6f7fa, stop: 1 #aaabae);"
"}");
static QString strip_checked(
"QPushButton:checked {"
"   background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,"
"                              stop: 0 #aaabae, stop: 1 #f6f7fa);"
"}");
static QString strip_first(
"QPushButton{"
"   border-top-left-radius: 6px;"
"   border-bottom-left-radius: 6px;"
"}");
static QString strip_last(
"QPushButton{"
"   border-top-right-radius: 6px;"
"   border-bottom-right-radius: 6px;"
"}");

static QString widget_back(
"QWidget {"
"   background: black;"
"}");

_{渐变取自 QPushButton styling examples , 轻微调整。}

class W: public QWidget
{
    Q_OBJECT
    public:
        W(QWidget *parent = 0)
            : QWidget(parent)
        {
            /* style sheet applies to this widget and its children */
            setStyleSheet(widget_back+strip_normal+strip_checked);

            /* First and last widget need special borders */
            QPushButton *one = createButton("one",   true,  strip_first);
            QPushButton *two = createButton("two",   false);
            QPushButton *thr = createButton("three", false, strip_last);

            /* Button group for button selection handling */
            QButtonGroup *bg = new QButtonGroup;
            bg->addButton(one);
            bg->addButton(two);
            bg->addButton(thr);

            /* Layout with no spacing */
            QHBoxLayout *hl = new QHBoxLayout;
            hl->addWidget(one);
            hl->addWidget(two);
            hl->addWidget(thr);
            hl->setSpacing(0);

            setLayout(hl);
        }

        QPushButton *createButton(QString const& name,
                                  bool checked,
                                  QString const& sheet = QString())
        {
            QPushButton *pb = new QPushButton(name);
            pb->setCheckable(true);
            pb->setChecked(checked);
            if (!sheet.isEmpty())
                pb->setStyleSheet(sheet);
            return pb;
        }
};

这将类似于下面的屏幕截图(取决于您的操作系统和您可能拥有的任何 Qt 定制):

• Linux，没有任何样式:

  

• 上面代码中的样式表:

  

其他可能对您有帮助的选择，具体取决于“控制”对您具有的语义:QTabBar这是选项卡式窗口(选项卡选择器)中的顶部小部件。