QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

本章介绍如何使用单选按钮,使用普通方式(GUI)单击响应,实现;

1、新建项目,改名称;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

2、改基类,改名称;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

3、打开UI界面,左侧找到如下按钮,第3个,Radio Button ;

单击拖到主界面释放;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

4、双击,进行改名称;(只是显示的名称)

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

5、单击其中一个单选按钮,右下角属性,改名称,代码里的名称用以以后识别的;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

6、改为如下几个;Blue Red Black 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

7、找到左侧如下按钮,单击拖到主界面释放;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

8、如下效果,然后拖动边框,改大小;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

9、然后单击,单选框,不要释放,拖到GroupBox里面去,然后再释放,3个单选框都一样;

如下效果;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

10、双击左上角,改名称;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

11、右上角有个效果,显示这几个按钮的层次;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

 

12、单击,单选按钮,右键,转到槽,

 

 

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

 

13、选择信号,clicked();就是单击信号;单击就响应的;

 

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

14、再选择UI界面编辑,选择Text Edit ,找到左侧如下按钮,单击拖到主界面释放;

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

15、然后,拉大边框,双击,写入文本,修改字体大小;最后确定;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

16、更改文本框属性,改为text1 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

 

17、在主文件dialog.cpp 中,响应函数增加代码;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

18、代码如下,

点击单选框,响应事件,

void Dialog::on_Blue_clicked()
{
    QPalette   plet=ui->text1->palette();
    if(ui->Blue->isChecked())
    {
        plet.setColor(QPalette::Text,Qt::blue);
        ui->text1->setPalette(plet);
    }
}

 

19、运行代码;

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1

20、如下效果;把字体颜色改成蓝色,其余类似;下一节讲解用更方便的方法整体实现;

 

QT5.14入门教程GUI(三)第3个QT程序-单选按钮1