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

2017-01-04 19:18:32来源:CSDN作者:kkecin97人点击

第七城市

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)运行如下图所示:
LCD时钟

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

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台