本文详细的介绍了RadioButton控件的各种操作，例如：RadioButton分组、默认选中、禁用启用、重置样式等操作。

QRadioButton部件提供了一个带有文本标签的单选框（单选按钮）。QRadioButton是一个可以切换选中（checked）或未选中（unchecked）状态的选项按钮。单选框通常呈现给用户一个“多选一”的选择。也就是说，在一组单选框中，一次只能选中一个单选框。

单选框默认开启自动互斥（autoExclusive）。如果启用了自动互斥，属于同一个父部件的单选框的行为就和属于一个互斥按钮组的一样。如果你需要为属于同一父部件的单选框设置多个互斥按钮组，把它们加入QButtonGroup中。每当一个按钮切换选中或未选中状态时，会发出的toggled()信号。如果希望每个按钮切换状态时触发一个动作，连接到这个信号。使用isChecked()来查看特定按钮是否被选中。就像QPushButton一样，单选框可以显示文本，以及可选的小图标。图标使用setIcon()来设置，文本可以在构造函数或通过setText()来设置。可以指定快捷键，通过在文本中的特定字符前指定一个&。

本文作者原创，转载请附上文章出处与本文链接。

QT RadioButton控件全面详解目录

1. 示例操作图

2. Radio分组

    .h
        引入#include <QButtonGroup>
    .cpp
    QButtonGroup *block1=new QButtonGroup(this);            //分组
    QButtonGroup *block2=new QButtonGroup(this);            //分组
    block1->addButton(ui->radioButton,0);                   //一个值为0
    block1->addButton(ui->radioButton_2,1);                 //一个值为1
    block1->addButton(ui->radioButton_3,2);                 //一个值为2

    block2->addButton(ui->radioButton_4,0);
    block2->addButton(ui->radioButton_5,1);
    block2->addButton(ui->radioButton_6,1);

3. 默认选中

ui->radioButton_3->setChecked(1);                       //默认选中
ui->radioButton_6->setChecked(1);

4. 禁用启用、设置文本

//Radio A
void MainWindow::on_radioButton_4_clicked()
{
        ui->radioButton_4->setEnabled(false);
        ui->radioButton_6->setEnabled(true);
        ui->radioButton_6->setText("文本");
        return;
}
//Radio C
void MainWindow::on_radioButton_6_clicked()
{
    ui->radioButton_4->setEnabled(true);
    ui->radioButton_6->setEnabled(false);
    ui->radioButton_6->setText("C");
    return;
}

5. 判断焦点

    if(ui->radioButton_6->isChecked()){
        ui->radioButton_4->setEnabled(true);
        ui->radioButton_6->setEnabled(false);
    } else if(ui->radioButton_4->isChecked()){
        ui->radioButton_4->setEnabled(false);
        ui->radioButton_6->setEnabled(true);
    }

6. 设置样式

    //默认显示样式
    ui->radioButton_7->setStyleSheet("#radioButton_7{background-color:rgb(134,183,200);border:2px solid #5F92B2;border-radius:5px;color:white;}"
        //hover 鼠标停留样式
        "#radioButton_7:hover{background-color:rgb(0,130,150);border:2px solid #5F92B2;border-radius:5px;color:white;}"
        //pressed 鼠标点击样式
        "#radioButton_7:pressed{background-color:rgb(85,170,255);border:2px solid #3C80B1;border-radius:5px;color:white;}"
                                     );
    ui->radioButton_8->setStyleSheet("#radioButton_8:checked{ border-radius:7px;background-color:green;border:2px solid white;}");

    ui->radioButton_9->setStyleSheet("QRadioButton::indicator {width:15px;height:15px;border-radius:7px}"
                                   "QRadioButton::indicator:checked {background-color:green;}"
                                   "QRadioButton::indicator:unchecked {background-color:red;}"
                                   );


//定义indicator子控件
QRadioButton::indicator {
    width: 13px;
    height: 13px;
}
 
//没有被选中时
QRadioButton::indicator::unchecked {
    image: url(:/images/radiobutton_unchecked.png);
}
 
//选中时鼠标在上面悬停状态
QRadioButton::indicator:unchecked:hover {
    image: url(:/images/radiobutton_unchecked_hover.png);
}
 
//未选中时鼠标点击下按时状态
QRadioButton::indicator:unchecked:pressed {
    image: url(:/images/radiobutton_unchecked_pressed.png);
}
 
//被选中时
QRadioButton::indicator::checked {
    image: url(:/images/radiobutton_checked.png);
}
 
//被选中时鼠标在上面悬停状态
QRadioButton::indicator:checked:hover {
    image: url(:/images/radiobutton_checked_hover.png);
}
 
//被选中时鼠标下按
QRadioButton::indicator:checked:pressed {
    image: url(:/images/radiobutton_checked_pressed.png);
}


        ui->radioButton->setStyleSheet("QRadioButton::indicator {width:15px;height:15px;border-radius:7px}"
                                       "QRadioButton::indicator:checked {background-color:green;}"
                                       "QRadioButton::indicator:unchecked {background-color:red;}"
                                       );

7. Radio事件


    //没有被选中时
    QRadioButton::indicator::unchecked {
        image: url(:/images/radiobutton_unchecked.png);
    }

    //选中时鼠标在上面悬停状态
    QRadioButton::indicator:unchecked:hover {
        image: url(:/images/radiobutton_unchecked_hover.png);
    }

    //未选中时鼠标点击下按时状态
    QRadioButton::indicator:unchecked:pressed {
        image: url(:/images/radiobutton_unchecked_pressed.png);
    }

    //被选中时
    QRadioButton::indicator::checked {
        image: url(:/images/radiobutton_checked.png);
    }

    //被选中时鼠标在上面悬停状态
    QRadioButton::indicator:checked:hover {
        image: url(:/images/radiobutton_checked_hover.png);
    }

    //被选中时鼠标下按
    QRadioButton::indicator:checked:pressed {
        image: url(:/images/radiobutton_checked_pressed.png);
    }

8. 其它样式

参考作者样式文章：QT样式表 https://blog.csdn.net/qq_37529913/article/details/108735409
参考作者样式文章：QSS样式表 https://blog.csdn.net/qq_37529913/article/details/109288422

本文仅供参考，主要用作总结以及提高工作效率。欢迎转载，请附本文链接和作者名。

QT RadioButton控件全面详解

1. 示例操作图

2. Radio分组

3. 默认选中

4. 禁用启用、设置文本

5. 判断焦点

6. 设置样式

7. Radio事件

8. 其它样式

猜你喜欢