参考课本demo，空闲时间练习一下进度条，定时器，日期相关控件和使用。

1：demo运行结果

2：进度条控件梳理

进度条显示控件实际上是QProgressBar, 显示的进度可以通过代码控制，也可以通过其他控件上获取到的值进行控制。

除了正常设置相关值以外，在ui界面可以熟悉相关选项观察显示效果，以及查看手册和成员函数了解接口。

void Dialog::init()
{ui->sb_h_control->setValue(24);ui->sl_h_control->setValue(24);ui->sl_x_control->setValue(24);ui->dial_control->setValue(24);//研究一下控件反方向ui->sb_x_control->setToolTip("控件提示");//设置范围ui->sb_x_control->setRange(0,100);ui->sb_x_control->setSliderPosition(100);ui->sb_x_control->setValue(100-24);connect(ui->dial_control, SIGNAL(valueChanged(int)), this, SLOT(do_valueChanged(int)));connect(ui->sb_h_control, SIGNAL(valueChanged(int)), this, SLOT(do_valueChanged(int)));connect(ui->sl_h_control, SIGNAL(valueChanged(int)), this, SLOT(do_valueChanged(int)));connect(ui->sl_x_control, SIGNAL(valueChanged(int)), this, SLOT(do_valueChanged(int)));ui->cb_textVisable->setCheckState(Qt::Checked);ui->rb_percentage->setChecked(true);ui->pb_display->setValue(24);
}//槽函数处理进度条控件 感觉这个用的比较多
void Dialog::do_valueChanged(int data)
{ui->pb_display->setValue(data);
}void Dialog::on_sb_x_control_valueChanged(int value)
{ui->pb_display->setValue(100-value);
}void Dialog::on_cb_textVisable_clicked(bool checked)
{ui->pb_display->setTextVisible(checked);
}void Dialog::on_cb_inverted_clicked(bool checked)
{ui->pb_display->setInvertedAppearance(checked);
}void Dialog::on_rb_percentage_clicked()
{ui->pb_display->setFormat("%p%");
}void Dialog::on_rb_number_clicked()
{ui->pb_display->setFormat("%v");
}

3：定时器练习，以及lcd控件

单次定时器和循环定时器，QTimer类，以及计时QElapsedTimer类。

QTimer *m_timer;
QElapsedTimer m_counter; //计算耗时
void Dialog::lcd_display(bool isInit)
{if(isInit){ui->lcd_hour->display(0);ui->lcd_minute->display(0);ui->lcd_second->display(0);return;}QTime  cur_timer = QTime::currentTime();ui->lcd_hour->display(cur_timer.hour());ui->lcd_minute->display(cur_timer.minute());ui->lcd_second->display(cur_timer.second());
}void Dialog::initTimer()
{ui->sb_cycle->setRange(0,20000);ui->sb_cycle->setValue(1000);ui->sb_cycle->setSuffix(" ms");ui->rb_lx_timer->setChecked(true);ui->pbn_stop->setEnabled(false);lcd_display(true);QStringList list ;list<<"毫秒级精度"<<"精度的5%"<<"秒精度(粗粒度)";ui->cbb_precision->addItems(list);ui->cbb_precision->setEditable(false);ui->cbb_precision->setCurrentIndex(0);m_timer = new QTimer;m_timer->stop();m_timer->setTimerType(Qt::CoarseTimer); //设置默认精度connect(m_timer, SIGNAL(timeout()),this,SLOT(do_timer_timeout()));m_cycle_count=0;
}//启动定时器   根据精度选择  单次/重复进行定时器的初始化
void Dialog::on_pbn_start_clicked()
{bool is_once_timer = false;is_once_timer = ui->rb_once_timer->isChecked()?true:false;int time_cycle = ui->sb_cycle->value();int time_index = ui->cbb_precision->currentIndex();Qt::TimerType time_type = Qt::PreciseTimer;switch(time_index){case 0: time_type = Qt::PreciseTimer; break;    //比较高的精度case 1: time_type = Qt::CoarseTimer; break;     //相对较低的精度case 2: time_type = Qt::VeryCoarseTimer; break; //精度比较低default: time_type = Qt::PreciseTimer; break;}lcd_display();m_counter.start();if(is_once_timer) //创建单次定时器 执行一次{//创建单次定时器 time_cycle ms之后执行一次  PreciseTimer比较高的精度
//        QTimer::singleShot(time_cycle,Qt::PreciseTimer,this,&Dialog::do_timer_timeout);QTimer::singleShot(time_cycle,time_type, [&](){int tmMsec = m_counter.elapsed();ui->le_timer_display->setText("单次定时器 消耗时间:"+QString::number(tmMsec)+" ms");ui->pbn_start->setEnabled(true);});ui->pbn_start->setEnabled(false);//也可以用QTimer 类对象 设置单次属性m_timer->setSingleShot(true);m_timer->start();}if(!is_once_timer)//创建定时器 一直执行{ui->pbn_start->setEnabled(false);ui->pbn_stop->setEnabled(true);m_timer->setTimerType(time_type);//设置定时器的周期和属性m_timer->setInterval(time_cycle);m_timer->start();}
}void Dialog::on_pbn_stop_clicked()
{m_timer->stop();int tmMsec=m_counter.elapsed();  //流逝的时间：毫秒int ms= tmMsec % 1000;  //余数毫秒int sec=tmMsec/1000;    //整秒QString str=QString("流逝的时间:%1秒,%2毫秒").arg(sec).arg(ms,3,10,QChar('0'));ui->le_timer_display->setText("执行了"+QString::number(m_cycle_count)+"次,"+str);m_cycle_count = 0;ui->pbn_start->setEnabled(true);ui->pbn_stop->setEnabled(false);
}//这里是定时器任务的执行 对应lcd显示的触发
void Dialog::do_timer_timeout()
{++m_cycle_count;QApplication::beep();   //使系统的蜂鸣器发声 1s//获取当前的时间 显示再lcd上lcd_display();
}

3：时间控件练习

主要QDate QTime QDateTime获取时间，

下拉框选择日期需要设置setCalendarPopup

以及时间和QString的相互转换。

//获取当前时间 下拉框有日历显示控件 如果要完美，感觉还得自定义控件
void Dialog::on_pbn_getcurtime_clicked()
{//设置支持下拉框选择日历 下拉就可以直接选择日期ui->dde_cal->setCalendarPopup(true);ui->dde_datetime->setCalendarPopup(true);//QDate  QTime  QDateTimeQDateTime cur_time = QDateTime::currentDateTime();ui->dde_datetime->setDateTime(cur_time);ui->dde_cal->setDate(cur_time.date());ui->dde_time->setTime(cur_time.time());qint64 MS = cur_time.toSecsSinceEpoch();
//    ui->le_ms_display->setText("当前时间"+QString::number(MS)+"s");cur_time.setSecsSinceEpoch(MS+2);//加2sui->le_ms_display->setText("当前时间"+QString::number(MS)+"s"+" 2s后:"+QString::number(cur_time.toSecsSinceEpoch()));ui->pte_display->setPlainText("当前日期时间"+cur_time.toString("yyyy-MM-dd hh:mm:ss.zzz"));ui->pte_display->appendPlainText("当前日期"+cur_time.date().toString("yyyy-MM-dd"));ui->pte_display->appendPlainText("当前时间"+cur_time.time().toString("hh:mm:ss.zzz"));//这里需要严格匹配格式QString qstr = cur_time.toString("yyyy-MM-dd hh:mm:ss.zzz");QString qstr1 = qstr.trimmed();QDateTime qstr_date = QDateTime::fromString(qstr1,"yyyy-MM-dd hh:mm:ss.zzz");ui->pte_display->appendPlainText("字符串转日期:"+qstr_date.toString("yyyy-MM-dd hh:mm:ss"));
}
//TODO 这里可以增加一个控件选择时间！void Dialog::on_dde_datetime_dateTimeChanged(const QDateTime &dateTime)
{ui->pte_display->setPlainText("选择的日期:"+dateTime.toString("yyyy-MM-dd hh:mm:ss"));
}

demo代码放在码云(qt_test_datatime)：qt课本demo练习