button - 使 Qt 按钮相互连接

Question

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

Answer 1

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

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

使用组框和样式表来实现这种效果相对简单。

#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 样式示例，稍作调整。}

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哪个是选项卡式窗口中的顶部小部件（选项卡选择器）。