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 

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    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 
#include 
#include 

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 

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

（6）运行如下图所示:

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