Archived:Creating a Digital Clock QWidget

Archived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (using C++ for the Qt app UI) is deprecated.

Article Metadata

---

Tested with

Devices(s): Emulator

---

Compatibility

Platform(s): S60 3rd Edition FP1, S60 3rd Edition FP2, S60 5th Edition

---

Article

Keywords: QLCDNumber,QTimer,QString

Created: james1980 (17 Feb 2009)

Last edited: hamishwillee (23 Jul 2012)

Overview

This code snippet demonstrates how to create a simple digital clock widget in Qt overview.

Preconditions

• Install the Qt SDK

Source File

#include <QtGui>
 
#include "digitalclock.h"
 
 
DigitalClock::DigitalClock(QWidget *parent)
    : QLCDNumber(parent)
{
    setSegmentStyle(Filled);
    setNumDigits(8);
    setStyleSheet("* { background-color:rgb(199,147,88);color:rgb(255,255,255); padding: 7px}}");
    QTimer *timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(displayTime()));
    timer->start(1000);
 
    displayTime();
 
    setWindowTitle(tr("Digital Clock"));
    resize(300, 120);
}
Digital::~Digital()
{
 //parent object will destroy timer automatically.
}
 
 
 
void DigitalClock::displayTime()
 
{
    QTime time = QTime::currentTime();
    QString text = time.toString("hh:mm:ss");
    if ((time.second() % 2) == 0)
        {text[2] = ' ';
		text[5] = ' ';
}
    display(text);
}

Header File

#ifndef DIGITALCLOCK_H
#define DIGITALCLOCK_H
 
#include <QLCDNumber>
 
 
class DigitalClock : public QLCDNumber
{
    Q_OBJECT
 
public:
    DigitalClock(QWidget *parent = 0);
 
private slots:
    void displayTime();
};
 
 
#endif

Screenshot