Question

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

enter image description here

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

使Qt按钮相互连接

1 个答案: