Qt5常用控件初步介绍（2）-制作LCD时钟

QT5控件介绍（2）-实例：制作LCD时钟

输入部件组（Input Widgets）

• Combo Box :组合框
• Font Combo Box ：字体组合框
• Line Edit ：行编辑
• Text Edit ：文本编辑
• Plain Text Edit ：纯文本编辑框
• Spin Box ：数字显示框
• Double Spin Box ：双自旋盒
• Time Edit ：时间编辑
• Date Edit ：日期编辑
• Date/Time Edit ：日期/时间编辑
• Dial ：拨号
• Horizontal Scroll Bar ：水平滚动条
• Vertical Scroll Bar ：垂直滚动条
• Horizontal Slider ：水平滑块
• Vertical Slider ：垂直滑块

显示控件组（Display Widgets）

• Label ：标签
• Text Browser ：文本浏览器
• Graphics View ：图形视图
• Calendar ：日历
• LCD Number ：液晶数字
• Progress Bar ：进度条
• Horizontal Line ：水平线
• Vertical Line：垂直线
• OpenGL Widget ：开放式图形库工具
• QQuickWidget ：嵌入QML工具

例： 制作小时钟
（1）步骤：新建工程，项目名称为“Clock ”，基类选择“QWidget”,类名不变，选择“创建界面”复选框选中状态。
（2）用Qt Designer打开UI文件，添加QLCDNumber，设置属性：digitCount值为8，添加样式表选择颜色color设置成红色；设置窗口属性stylesheet添加样式表，选择颜色background-color设置成黑色。
（3）头文件“widget.h”中代码如下:

#ifndef WIDGET_H#define WIDGET_H#include <QWidget>namespace Ui {class Widget;}class Widget : public QWidget{    Q_OBJECTpublic:    explicit Widget(QWidget *parent = 0);    ~Widget();private:    Ui::Widget *ui;//自定义槽函数private slots:    void showTime();};#endif // WIDGET_H

（4）源文件“Widget.cpp”代码如下：

#include "widget.h"#include "ui_widget.h"#include <QString>#include <QTime>#include <QTimer>Widget::Widget(QWidget *parent) :    QWidget(parent),    ui(new Ui::Widget){    ui->setupUi(this);    QTimer * timer = new QTimer(this);    connect(timer,SIGNAL(timeout()),this,SLOT(showTime()));    timer->start (1000);        //每1000ms刷新一次，即1秒    showTime();}Widget::~Widget(){    delete ui;}//自定义槽函数的实现void Widget::showTime(){    QTime time = QTime::currentTime ();    //获取系统当前时间    QString text= time.toString ("hh:mm:ss");     //以时：分：秒 方式显示    ui->lcdNumber->setGeometry (0,0,200,120);    ui->lcdNumber->display (text);     //显示LCD文字}

（5）源文件“main.cpp”代码如下：

#include "widget.h"#include <QApplication>int main(int argc, char *argv[]){    QApplication a(argc, argv);    Widget w;    w.setFixedSize (200,120);   //可以限制窗口大小的随意变动    w.show();    return a.exec();}

（6）运行如下图所示:

这次用到了界面设计师，可以看出界面设计师的方便之处。后面介绍其他的控件的用法。请关注本人博客，以便查看最新博文。未完，待续……