button - Qtボタンを相互に接続する

Question

Qt4 ライブラリを使用して、この効果を実現したいと思います。これは、隣にあるすべてのボタンを接続するボタン グループです。Gtk3 では、「リンクされた」クラスをコンテナー ウィジェットに適用するだけです。Qt4でこれを行うにはどうすればよいですか?

Answer 1

Qt では、リンクされたボタンのグループを作成するために、そのQButtonGroup中にチェック可能なボタンがある を使用できます。

このクラスはビジュアル コンテナではないことに注意してください。通常のレイアウト テクニックを使用して、ボタン (またはその他のもの) を自分でレイアウトする必要があります。(別の方法として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;
        }
};

これは、以下のスクリーン ショットのようになります (OS と Qt のカスタマイズによって異なります)。

• Linux、スタイリングなし:

  

• 上記のコードのようなスタイルシート:

  

「コントロール」が持つセマンティクスに応じて、役立つ可能性のある他の代替手段：QTabBarタブ付きウィンドウ（タブセレクター）の一番上のウィジェットです。