08——驾校科目一考试——布局按钮

简介: 完整版examdialog.h

完整版

examdialog.h

#ifndef EXAMDIALOG_H
#define EXAMDIALOG_H
#include <QDialog>
#include <QTimer>
#include <QTextEdit>
#include <QLabel>
#include <QRadioButton>
#include <QCheckBox>
#include <QGridLayout>
#include <QButtonGroup>
class ExamDialog : public QDialog
{
    Q_OBJECT
public:
    ExamDialog(QWidget* parent = 0);
    void initTimer();   //初始化计时器
    void initLayout();  //初始化布局管理器
    bool initTextEdit();//初始化文本编辑器
    void initButtons(); //初始化按钮及标签
    bool hasNoSelect(); //判断题目是否有未完成的
private:
    QTimer *m_timer;    //计时器
    int m_timeGo;       //考试已用时
    QTextEdit *m_textEdit;  //考试题库显示
    QLabel *m_titleLabels[10];  //题目标签
    QButtonGroup *m_btnGroups[9];   //单项按钮分组
    QRadioButton *m_radioBtns[32];  //单选题按钮
    QCheckBox *m_checkBtns[4];      //多选题按钮
    QRadioButton *m_radioA;         //判断题A选项
    QRadioButton *m_radioB;         //判断题B选项
    QGridLayout *m_layout;          //布局管理器
    QStringList m_answerList;       //存放答案的链表
private slots:
    void freshTime();   //刷新考试时间
    void getScore();    //获取考试成绩
};
#endif // EXAMDIALOG_H

examdialog.cpp

#include "examdialog.h"
#include <QFile>
#include <QTextStream>
#include <QMessageBox>
#include <QApplication>
#include <QPushButton>
ExamDialog::ExamDialog(QWidget* parent):QDialog(parent)
{
    //设置字体大小
    QFont font;
    font.setPointSize(12);
    setFont(font);
    //设置窗体背景颜色
    setPalette(QPalette(QColor(209,215,255)));
    setWindowTitle("考试已用时:0分0秒");
    setWindowFlags(Qt::Dialog | Qt::WindowCloseButtonHint); //基本对话框风格加上一个关闭按钮
    resize(800,900);
    // 调用初始化计时器
    initTimer();
    //初始化布局管理器
    initLayout();
    //初始化文本编辑器
    if(!initTextEdit()){
        QMessageBox::information(this,"提示","初始化题库数据文件失败!");
        //因为初始化失败,所以系统就直接退出(发送信号)。
        //第一个参数:多久来发送信号(0:立即退出)  第二个参数:想要那个对象相应槽方法(当前应用程序:QApp[应用程序的全局对象])  第三个参数:响应方法
        QTimer::singleShot(0,qApp,SLOT(quit()));//间隔0s,当前的应用程序执行退出操作
    }
    initButtons();
    show();
}
void ExamDialog::initTimer()
{
    m_timeGo = 0;
    m_timer = new QTimer(this);
    m_timer->setInterval(1000);
    m_timer->start();
    connect(m_timer,SIGNAL(timeout()),this,SLOT(freshTime()));
}
void ExamDialog::initLayout()
{
    m_layout = new QGridLayout(this);
    m_layout->setSpacing(10);   //设置控件间的间距
    m_layout->setMargin(10);    //设置窗体与控件间的间隙
}
bool ExamDialog::initTextEdit()
{
    QString strLine;        //保存文件中读取到的一行数据
    QStringList strList;    //保存读取到的答案行
    QString fileName("exam.txt");
    QFile file(fileName);
    QTextStream stream(&file);
    stream.setCodec("UTF-8");
    if( file.open(QIODevice::ReadOnly | QIODevice::Text) )
    {
        m_textEdit = new QTextEdit(this);
        m_textEdit->setReadOnly(true);  //将文本设置为只读属性,不然现实的文本框居然还能够被修改。
        QString strText;    //用于保存显示到文本编辑器的数据
        int nLines = 0;
        while(!stream.atEnd())
        {
            //过滤首行
            if(nLines == 0){
                stream.readLine();
                nLines++;
                continue;
            }
            //过滤答案行(题目、ABCD、答案一共是6行)。一共有10个题。第十题是判断题需要特殊的处理。
            if( (nLines >= 6 && nLines <= 6 * 9 && (nLines % 6 == 0) )  /*选择题的答案*/
                    || (nLines == 6 * 9 + 4)/*判断题的答案行*/){
                //对于答案行的处理
                strLine = stream.readLine();    //先读取这一行
                strList = strLine.split(" ");   //对答案进行处理——以空格进行分割(eg:答案 A)
                m_answerList.append(strList.at(1));//把答案存放到答案链表里边 因为0:答案 1:A\b\c\d
                strText += "\n";
                nLines++;
                continue;
            }
            //读取一行
            strText += stream.readLine();
            strText += "\n";
            nLines++;
        }
        //添加布局
        m_textEdit->setText(strText);
        m_layout->addWidget(m_textEdit,0,0,1,10);//窗口对象,行、列、行宽、列宽
        file.close();
        return true;
    }else{
        return false;
    }
}
void ExamDialog::initButtons()
{
    //答案的文本
    QStringList strList = {"A","B","C","D"};
    //对十道题进行布局
    for(int i = 0; i <10; i++){
        //题目标签
        m_titleLabels[i] = new QLabel(this);
        m_titleLabels[i]->setText("第" + QString::number(i+1) + "题");
        //添加到布局管理器中 参一:添加的部件的对象  参二:第几行(因为文本编辑器在第0行,所以题目标签在第1行) 参三:第几列
        m_layout->addWidget(m_titleLabels[i],1,i);
        //判断题(也就是最后一题了——需要特殊处理的)
        if(i == 9){
            //单选
            m_radioA = new QRadioButton(this);//构造单选对象
            m_radioB = new QRadioButton(this);//构造单选对象
            //添加到布局里面(文本编辑器第0行、题目标签第1行) 正确地2行,错误第3行 判断题占据最后一列。
            m_radioA->setText("正确");
            m_radioB->setText("错误");
            m_layout->addWidget(m_radioA,2,9);  //正确:2行9列
            m_layout->addWidget(m_radioB,3,9);  //错误:3行9列
            //将单选进行分组,不加这个的话,就会整个单选框只能选择一个
            m_btnGroups[8] = new QButtonGroup(this);
            m_btnGroups[8]->addButton(m_radioA);
            m_btnGroups[8]->addButton(m_radioB);
            //判断题是最后一个溜了,当他构造完了之后直接就能退出了
            break;
        }
        if(i < 8) m_btnGroups[i] = new QButtonGroup(this);
        //选择题(4个按钮需要布局)
        for(int j = 0; j < 4; j++)
        {
            if( i == 8){//第八题为:多项多选题。所以需要特殊处理
                m_checkBtns[j] = new QCheckBox(this);//构造多选对象
                m_checkBtns[j]->setText(strList.at(j)); //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_checkBtns[j],2+j,8);  //A、B、C、D各占第2、3、4、5行8第列
            }else{//单项选择题
                m_radioBtns[4 * i + j] = new QRadioButton(this);    //构造出所有的单选的按钮对象
                m_radioBtns[4 * i + j]->setText(strList.at(j));     //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_radioBtns[4 * i + j],2+j,i);  //A、B、C、D各占第2、3、4、5行0~7第列
                //将单选进行分组,不加这个的话,就会整个单选框只能选择一个
                m_btnGroups[i]->addButton(m_radioBtns[4 * i + j]);
            }
        }
    }
    //构造提交按钮的对象
    QPushButton *submitBtn = new QPushButton(this);
    submitBtn->setText("提交");
    submitBtn->setFixedSize(100,35);
    connect(submitBtn,SIGNAL(clicked(bool)),this,SLOT(getScore()));
    m_layout->addWidget(submitBtn,6,9); //设置提交按钮的位置
}
bool ExamDialog::hasNoSelect()
{
    int radioSelects = 0;
    for(int i = 0; i < 8; i++)
    {
        if( m_btnGroups[i]->checkedButton() )
            radioSelects++;
    }
    if(radioSelects != 8)
        return true;
    int checkSelects = 0;
    for(int i = 0; i < 4; i++)
    {
        if(m_checkBtns[i]->isChecked())
            checkSelects++;
    }
    if(checkSelects == 0 || checkSelects == 1)
        return true;
    if(!m_radioA->isChecked() && !m_radioB->isChecked())
        return true;
    return false;
}
void ExamDialog::freshTime()
{
    m_timeGo++;
    QString min = QString::number(m_timeGo / 60);
    QString sec = QString::number(m_timeGo % 60);
    setWindowTitle("考试已用时:" + min + "分" + sec + "秒");
}
void ExamDialog::getScore()
{
    if(hasNoSelect()){
        QMessageBox::information(this,"提示","您有未完成的题目,请完成考试!","是");
        return;
    }
    int scores = 0;
    for(int i = 0; i < 10; i++)
    {
        //单选题计分
        if( i < 8)
            if(m_btnGroups[i]->checkedButton()->text() == m_answerList.at(i))
                scores += 10;
        //多项选择题计分
        if(i == 8){
            QString answer = m_answerList.at(i);
            bool hasA = false;
            bool hasB = false;
            bool hasC = false;
            bool hasD = false;
            if( answer.contains("A") ) hasA = true;
            if( answer.contains("B") ) hasB = true;
            if( answer.contains("C") ) hasC = true;
            if( answer.contains("D") ) hasD = true;
            bool checkA = m_checkBtns[0]->checkState();
            bool checkB = m_checkBtns[1]->checkState();
            bool checkC = m_checkBtns[2]->checkState();
            bool checkD = m_checkBtns[3]->checkState();
            if( hasA != checkA) continue;
            if( hasB != checkB) continue;
            if( hasC != checkC) continue;
            if( hasD != checkD) continue;
            scores += 10;
        }
        //判断题计分
        if(i == 9){
            if(m_btnGroups[8]->checkedButton()->text() == m_answerList.at(i))
                scores += 10;
        }
    }
    QString str = "您的分数是:" + QString::number(scores) + "分,是否重新考试?";
    int res = QMessageBox::information(this,"提示",str,QMessageBox::Yes | QMessageBox::No);
    if(res == QMessageBox::Yes)
        return;
    else
        close();
}

运行结果

64c2ba60c2d6414d8226d73cc1cec449.png

细节剖析

相比于上一版本的新增方法及实现

examdialog.h

//examdialog.h
    void initButtons(); //初始化按钮及标签

examdialog.cpp

void ExamDialog::initButtons()
{
    //答案的文本
    QStringList strList = {"A","B","C","D"};
    //对十道题进行布局
    for(int i = 0; i <10; i++){
        //题目标签
        m_titleLabels[i] = new QLabel(this);
        m_titleLabels[i]->setText("第" + QString::number(i+1) + "题");
        //添加到布局管理器中 参一:添加的部件的对象  参二:第几行(因为文本编辑器在第0行,所以题目标签在第1行) 参三:第几列
        m_layout->addWidget(m_titleLabels[i],1,i);
        //判断题(也就是最后一题了——需要特殊处理的)
        if(i == 9){
            //单选
            m_radioA = new QRadioButton(this);//构造单选对象
            m_radioB = new QRadioButton(this);//构造单选对象
            //添加到布局里面(文本编辑器第0行、题目标签第1行) 正确地2行,错误第3行 判断题占据最后一列。
            m_radioA->setText("正确");
            m_radioB->setText("错误");
            m_layout->addWidget(m_radioA,2,9);  //正确:2行9列
            m_layout->addWidget(m_radioB,3,9);  //错误:3行9列
            //将单选进行分组,不加这个的话,就会整个单选框只能选择一个
            m_btnGroups[8] = new QButtonGroup(this);
            m_btnGroups[8]->addButton(m_radioA);
            m_btnGroups[8]->addButton(m_radioB);
            //判断题是最后一个溜了,当他构造完了之后直接就能退出了
            break;
        }
        if(i < 8) m_btnGroups[i] = new QButtonGroup(this);
        //选择题(4个按钮需要布局)
        for(int j = 0; j < 4; j++)
        {
            if( i == 8){//第八题为:多项多选题。所以需要特殊处理
                m_checkBtns[j] = new QCheckBox(this);//构造多选对象
                m_checkBtns[j]->setText(strList.at(j)); //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_checkBtns[j],2+j,8);  //A、B、C、D各占第2、3、4、5行8第列
            }else{//单项选择题
                m_radioBtns[4 * i + j] = new QRadioButton(this);    //构造出所有的单选的按钮对象
                m_radioBtns[4 * i + j]->setText(strList.at(j));     //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_radioBtns[4 * i + j],2+j,i);  //A、B、C、D各占第2、3、4、5行0~7第列
                //将单选进行分组,不加这个的话,就会整个单选框只能选择一个
                m_btnGroups[i]->addButton(m_radioBtns[4 * i + j]);
            }
        }
    }
    //构造提交按钮的对象
    QPushButton *submitBtn = new QPushButton(this);
    submitBtn->setText("提交");
    submitBtn->setFixedSize(100,35);
    connect(submitBtn,SIGNAL(clicked(bool)),this,SLOT(getScore()));
    m_layout->addWidget(submitBtn,6,9); //设置提交按钮的位置
}


知识点归类

构造单选框、多选框对象

//单选
m_radioA = new QRadioButton(this);//构造单选对象
//多选
QCheckBox *m_checkBtns[4];      //多选题按钮
m_checkBtns[j] = new QCheckBox(this);//构造多选对象

将对象进行布局

QGridLayout *m_layout;          //布局管理器
//添加到布局管理器中 参一:添加的部件的对象  参二:第几行(因为文本编辑器在第0行,所以题目标签在第1行) 参三:第几列
m_layout->addWidget(m_titleLabels[i],1,i);

也即是59f3b8b3147a4764b51fa3a3c8858f8b.png

eecb5a847e5446d4a295bb1f7959fed6.png

解决很多单选框但是只能选一个的问题

情景再现

303a382434e74c848bcfc2898779507d.png

解决思路
只需要进行分组即可,将每一道题分成一个小组,这样的话就不会产生有很多单选框但是一共只能选择一个的尴尬情况了。
//将单选进行分组,不加这个的话,就会整个单选框只能选择一个
m_btnGroups[i]->addButton(m_radioBtns[4 * i + j]);  //具体位置在循环里,也可以直接定位到源代码之中

下一篇预告

驾校科目一考试系统——提交分数

目录
相关文章
|
前端开发
uniapp上班考勤打卡情况日历展示
uniapp上班考勤打卡情况日历展示
169 1
|
6月前
07——驾校科目一考试系统——布局题库
如果需要题库的资料(exam.txt)可以留下邮箱,博主会发给大家的。 总代码
124 1
|
6月前
|
设计模式
03——驾校科目一考试系统——登录界面(2)
运行项目——成功添加背景图 缺点:背景图片盖住了登录界面。
105 2
|
6月前
|
设计模式 数据安全/隐私保护
03——驾校科目一考试系统——登录界面(1)
双击ui文件进入设计模式。 想要把我们的登录窗口做成什么样的效果呢?理想效果图如下所示:用户需要一个账号和密码输入。最后还需要给用户两个按钮:一个登录按钮,一个取消按钮。
138 2
|
6月前
11驾校科目一考试系统——发布项目
发布项目   当我们编写完项目之后就需要发布项目 。就需要发布项目了。一般发布项目的话我们会把所有需要的文件都放在一个文件夹里面,这样的话就更方便。有时候文件过多的话,有可能会有很多的子文件夹,我们先把功能工作目录设置一下,因为当前的工作目录是debug或者release,导致咱们在读取数据文件的时候需要相对路径的话还需要上一级目录去寻找。如下图所示。
41 1
|
6月前
|
设计模式 编译器 数据安全/隐私保护
04——驾校科目一考试——登录窗口的功能(验证邮箱地址)
登录相应功能实现 当我们点击登录按钮的时候需要对账号和密码进行验证。我们需要提前准备好了所有学员的账号和密码信息account.txt。
55 2
|
6月前
10驾校科目一考试系统——窗口交互
回顾 之前的06~09都是把登录界面屏蔽了的,直接进入了考试界面,那么我们如何把粮价格页面进行交互呢?这是一个值得深思的问题。 目标:当用户点击登录验证成功之后,即可进入交互界面
53 0
|
6月前
|
设计模式 编译器 C语言