Qt5學習筆記——QRadioButton與QbuttonGroup

時間  2019-11-13
標籤 qt5 學習 筆記 qradiobutton qbuttongroup 简体版
原文   原文鏈接

【我是小標題：使用QToolButton實現radio button功能。】html

QRadioButton是什麼？ 
　　下圖是Windows系統中典型的radio button顯示效果。 
　　這裏寫圖片描述 
　　QRadioButton是一個能夠switch on或off的按鈕，對應的狀態爲checked和unchecked。一組QRadioButton一般用於表示程序中「多選一」的選擇，例如單項選擇題。在一組radio buttons中，同一時刻只能有一個button處於checked狀態，若是用戶選擇了其餘button，原先被選中的button將變爲unchecked。 
　　和QpushButton同樣，QRadioButton類提供了一個text label和一個small icon，其中text能夠在構造函數中設置，也能夠經過setText()方法設置，可是icon只能經過setIcon()方法設置，還能夠經過在text中某個字母前加「&」符號來指定快捷鍵，例如：函數

QRadioButton *button = new QRadioButton("Search from the &cursor", this);

上面例子的快捷鍵爲「Alt + c」。佈局

分組 
　　上面其實已經提到過，「同一個父窗體」或「一個button group」，這就是分組。若是沒有進行分組，則默認擁有相同父窗體的radio buttons都將具備相互排他性，因此若是你想在一個窗體中表達多組radio buttons的效果，須要顯式地對它們進行分組，可使用QGroupBox或者QButtonGroup。建議使用QButtonGroup，由於它僅僅是一個容器，不會有任何視覺表現，而且對於包含在它裏面的子buttons，QButtonGroup提供比QGroupBox方便的信號槽操做。this

信號 
　　QRadioButton的信號繼承自QAbstractButton，通常咱們比較關注的是toggled()和clicked()， 
　　須要注意的是，radio button不管是被switch on仍是off，它都會發送一個toggled(bool)信號，其中包含一個bool型參數用於記錄這次發生的是被switch on仍是off，因此若是你想根據radio button的狀態變化來處理一些事的話，就須要connect它們。 
　　固然，若是組內有不少個radio buttons，而且你又想跟蹤toggled或clicked的狀態，你不須要一個個來connect，由於一旦使用QButtonGroup來管理，徹底能夠用buttonToggled()和buttonClicked()來處理組內全部buttons的toggled()和clicked()信號。spa

方法 
　　在QButtonGroup中添加一個button可使用addButton()方法，刪除一個button可使用removeButton()方法。若是這個button group是exclusive的，還能夠經過checkedButton()方法來找到當前處於checked狀態的button。能夠經過button()方法找到該button group中的某一個button，以及經過buttons()方法得到該button group中的buttons列表。設計

屬性 
　　接下來，咱們須要關注一個名爲autoExclusive的bool型屬性，它是QAbstractButton類的屬性，該屬性用於控制一個button是否具備排他性（auto-exclusivity），能夠經過autoExclusive() 方法進行查詢，經過setAutoExclusive(bool)方法進行設置。 
　　若是autoExclusive爲true，屬於同一個父窗體的全部checkable按鈕的行爲將表現得與它們被放在一個exclusive的button group中同樣，任什麼時候刻都只能有一個按鈕處於checked狀態。不過別擔憂， autoExclusive屬性的缺省值爲false（除了QRadioButton）。 
　　還要注意的是，若是buttons已經放在了一個button group，那麼autoExclusive屬性將失效。 
　　QButtonGroup默認是exclusive的，因此只要它的組內的全部buttons是checkable的，不論是不是QRadioButton，都將表現得與QRadioButton同樣。最後若是你建立了一個exclusive的button group，最好爲它設置一個初選項，不然組內將沒有任何一個button被選中，這不太符合「one of many」的設計吧。code

示例 
　　如下示例代碼，包括普通QRadioButton的用法以及用QToolButton模擬的單選按鈕組，相關代碼解釋請看註釋。（由於QRadioButton只提供了一個small icon，可是咱們但願能夠更加個性化，因此嘗試用QToolButton來實現） 
　　 
【mainwidget.h】文件htm

#ifndef MAINWIDGET_H
#define MAINWIDGET_H

#include <QWidget>
#include <QRadioButton>
#include <QButtonGroup>
#include <QToolButton>
#include <QLabel>

class MainWidget : public QWidget {
    Q_OBJECT

public:
    MainWidget(QWidget *parent = 0);
    ~MainWidget();

    // 設備操做模式類型（用於表示普通QButtonGroup）
    typedef enum {
        OM_Auto,
        OM_Manual,
        OM_ManualFullSpeed
    }operatingModeTypes;

    // 動物選項類型（用於表示QToolButton模擬的單選按鈕）
    typedef enum {
        AN_PIG,
        AN_MONKEY,
        AN_CAT
    }animalTypes;

private slots:
    void operatingModeButtonsToggled(int, bool);
    void operatingModeButtonsClicked(int);

    void customButtonsToggled(int, bool);
    void customButtonsClicked(int);

private:
    // 設備操做模式組
    QButtonGroup *operatingModeGroup;
    QRadioButton *autoBtn;
    QRadioButton *manualBtn;
    QRadioButton *manualFullSpeedBtn;

    // 電源開關組
    QButtonGroup *powerGroup;
    QRadioButton *powerOnBtn;
    QRadioButton *powerOffBtn;

    // 動物選項組
    QButtonGroup *customGroup;
    QStringList animalStrList;  // 記錄動物名稱
    QLabel *curAnimalLabel;     // 顯式當前選中的動物名稱
};

#endif // MAINWIDGET_H

 

【mainwidget.cpp】文件blog

#include "mainwidget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>

// 保存customGroup中checked和unchecked按鈕的樣式
QString toolBtnCheckedStyleSheet("border-style: solid; ");
QString toolBtnUncheckedStyleSheet("border-style: solid; ");

MainWidget::MainWidget(QWidget *parent)
    : QWidget(parent)
{
    setWindowTitle(tr("QRadioButtonTest"));
    setFixedSize(400, 300);

    /* ******* 普通RadioButton ******* */
    autoBtn = new QRadioButton(tr("Auto"));
    manualBtn = new QRadioButton(tr("Manual"));
    manualFullSpeedBtn = new QRadioButton(tr("Manual Full Speed"));

    operatingModeGroup = new QButtonGroup(this);
    operatingModeGroup->addButton(autoBtn, OM_Auto);
    operatingModeGroup->addButton(manualBtn, OM_Manual);
    operatingModeGroup->addButton(manualFullSpeedBtn, OM_ManualFullSpeed);
    autoBtn->setChecked(true);  // 爲operatingModeGroup組設置初選項

    /* ******* 添加Icon的RadioButton ******* */
    powerOnBtn = new QRadioButton(tr("Power ON"));
    powerOnBtn->setIcon(QIcon(":/images/power_on.png"));
    powerOffBtn = new QRadioButton(tr("Power OFF"));
    powerOffBtn->setIcon(QIcon(":/images/power_off.png"));

    powerGroup = new QButtonGroup(this);
    powerGroup->addButton(powerOnBtn);
    powerGroup->addButton(powerOffBtn);
    powerOffBtn->setChecked(true);  // 爲powerGroup組設置初選項

    /* ******* 自定義RadioButton ******* */
    QSize size(100, 100);
    animalStrList<<"pig"<<"monkey"<<"cat";

    customGroup = new QButtonGroup(this);
    customGroup->setExclusive(true);
    curAnimalLabel = new QLabel;
    QHBoxLayout *customBtnBarLayout = new QHBoxLayout;

    for(int i=0; i<3; i++)
    {
        QToolButton *customBtn = new QToolButton;
        customGroup->addButton(customBtn, AN_PIG+i);    // 將自定義的button加入customGroup中，併爲其設置id

        customBtn->setToolButtonStyle(Qt::ToolButtonTextUnderIcon); //文字處於圖片下方
        QPixmap pixmap(QString(":/images/%1.jpg").arg(animalStrList.at(i)));
        customBtn->setIcon(pixmap);   // 爲按鈕設置圖標
        customBtn->setIconSize(size);   // 設置圖片大小
        customBtn->setFixedSize(size.width()+30, size.height()+30); // 設置按鈕大小
        customBtn->setText(animalStrList.at(i)); // 設置提示文字
        customBtn->setCheckable(true);
        customBtn->setChecked(false);
        customBtn->setStyleSheet(toolBtnUncheckedStyleSheet); // 全部按鈕初始狀態爲unchecked

        customBtnBarLayout->addWidget(customBtn);   // 添加到佈局
    }
    customGroup->button(AN_PIG)->setChecked(true);  // 爲customGroup組設置初選項
    customGroup->button(AN_PIG)->setStyleSheet(toolBtnCheckedStyleSheet);   // 修改被checked按鈕的樣式
    curAnimalLabel->setText(QString(tr("當前選擇："))+animalStrList.at(customGroup->checkedId()));

    // 建立佈局
    QVBoxLayout *mainLayout = new QVBoxLayout;
    mainLayout->addWidget(autoBtn);
    mainLayout->addWidget(manualBtn);
    mainLayout->addWidget(manualFullSpeedBtn);
    mainLayout->addStretch();
    mainLayout->addWidget(powerOnBtn);
    mainLayout->addWidget(powerOffBtn);
    mainLayout->addStretch();
    mainLayout->addWidget(curAnimalLabel);
    mainLayout->addLayout(customBtnBarLayout);
    setLayout(mainLayout);

    // 鏈接信號
    connect(operatingModeGroup, SIGNAL(buttonToggled(int,bool)), this, SLOT(operatingModeButtonsToggled(int,bool)));
    connect(operatingModeGroup, SIGNAL(buttonClicked(int)), this, SLOT(operatingModeButtonsClicked(int)));
    connect(customGroup, SIGNAL(buttonClicked(int)), this, SLOT(customButtonsClicked(int)));
    connect(customGroup, SIGNAL(buttonToggled(int,bool)), this, SLOT(customButtonsToggled(int,bool)));
}

MainWidget::~MainWidget()
{

}

void MainWidget::operatingModeButtonsToggled(int id, bool status)
{
    int tmp = operatingModeGroup->checkedId();
    QString str = operatingModeGroup->checkedButton()->text();
    QByteArray byteArray = str.toLocal8Bit();
    qDebug("flag = %d, status = %d, tmp = %d, checked = %s", id, status, tmp, byteArray.data());
}

void MainWidget::operatingModeButtonsClicked(int id)
{
    qDebug("Clicked: %d", id);
}

void MainWidget::customButtonsToggled(int id, bool state)
{
    if(state == false)
    {   // 修改被unchecked按鈕的樣式
        customGroup->button(id)->setStyleSheet(toolBtnUncheckedStyleSheet);
    }else
    {   // 修改被checked按鈕的樣式
        customGroup->checkedButton()->setStyleSheet(toolBtnCheckedStyleSheet);
    }
}

void MainWidget::customButtonsClicked(int id)
{
    curAnimalLabel->setText(QString(tr("當前選擇："))+animalStrList.at(id));
}

 

示例圖片 
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述繼承

 

原文連接: http://www.voidcn.com/article/p-uakncscd-bkp.html

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程