Winforms: Erstellen Sie eine Digitaluhr, die jede Sekunde aktualisiert

Winforms: Erstellen Sie eine Digitaluhr, die jede Sekunde aktualisiert

Das Erstellen einer Digitaluhr ist eine einfache Übung, die Sie ausführen können, wenn Sie lernen, wie eine Windows Form-Anwendung erstellt wird.

Es kann Ihnen helfen zu verstehen, wie Sie UI-Elemente zur Benutzeroberfläche hinzufügen und wie Sie dem Benutzer bestimmte Werte anzeigen.

Die Digitaluhranwendung verwendet ein Etikett, um die Uhrzeit anzuzeigen. Sie können die Zeit jede Sekunde aktualisieren, indem Sie das Häkchen verwenden und Ereignisse innerhalb des Codes der App hinter Dateien laden.

So erstellen Sie die Benutzeroberfläche für die Digitaluhr

Um die Benutzeroberfläche für die Anwendung zu erstellen, fügen Sie ein Etikett auf der Leinwand hinzu und gestalten Sie es so, dass es wie eine Digitaluhr aussieht.

  1. Erstellen Sie eine neue Windows Forms-Anwendung.
  2. Verwenden Sie die Toolbox, um ein Label-UI-Element auf die Leinwand zu ziehen.
    Visual Studio zieht Label auf Canvas
  3. Markieren Sie das Etikett. Verwenden Sie das Eigenschaftenfenster, um einige der Eigenschaften auf die folgenden neuen Werte zu ändern: Ihr Formular sollte jetzt etwa so aussehen:
    Etikett mit Eigenschaftenfenster hervorgehoben
  4. Markieren Sie das Formularsteuerelement. Verwenden Sie das Eigenschaftenfenster, um die Größeneigenschaft auf „500, 300“ zu ändern.
    Formular mit Eigenschaftenfenster hervorgehoben

So aktualisieren Sie die Uhr in Echtzeit

Sie können Ereignisse in einer Windows Forms-App verwenden, um die Uhrbezeichnung jede Sekunde zu aktualisieren.

  1. Ziehen Sie mithilfe der Toolbox ein Timer-UI-Element auf die Leinwand.
    Visual Studio zieht den Timer auf die Leinwand
  2. Das Timer-UI-Element verfügt über ein „Tick“-Ereignis, das jede Sekunde ausgelöst wird, um das Ticken einer Uhr darzustellen. Markieren Sie das Timer-UI-Element und klicken Sie im Eigenschaftenfenster auf das Blitzsymbol .
    Timer ist hervorgehoben und zeigt die Registerkarte „Ereignisse“.
  3. Doppelklicken Sie auf das Tick – Ereignis. Dadurch wird eine neue Funktion generiert, die jede Sekunde ausgeführt wird.
    Visual Studio zeigt das Tick-Ereignis im Ereignisfenster an
  4. Rufen Sie innerhalb der neuen Funktion Datum und Uhrzeit des aktuellen Systems ab. Aktualisieren Sie den Text des Labels, um das neue Datum und die neue Uhrzeit für diese Sekunde anzuzeigen: private void timer1_Tick(object sender, EventArgs e)
    {
        clock.Text = DateTime.Now.ToString("hh:mm:ss tt");
    }
  5. Damit das Tick-Ereignis funktioniert, müssen Sie zuerst den Timer starten. Kehren Sie zur Canvas-Ansicht zurück, indem Sie oben im Fenster auf die Registerkarte Form1.cs [Design] klicken .
    Registerkartenfenster einschließlich Canvas-Registerkarte in Visual Studio
  6. Markieren Sie das Formularsteuerelement. Klicken Sie im Eigenschaftenfenster auf das Blitzsymbol , um die Ereignisliste zu öffnen.
    Auf der Arbeitsfläche hervorgehobenes Formular mit geöffnetem Ereignisfenster
  7. Doppelklicken Sie auf das Load – Ereignis, um eine neue Funktion zu generieren. Diese Funktion wird ausgeführt, wenn das Formular geladen wird, nachdem Sie die Anwendung gestartet haben.
    Formular-Onload-Ereignis im Ereignisfenster ausgewählt
  8. Starten Sie in der Ladefunktion die Zeitschaltuhr: private void Form1_Load(object sender, EventArgs e)
    {
        timer1.Start();
    }

So führen Sie die Anwendung aus, um die Digitaluhr anzuzeigen

Sie können die Digitaluhr anzeigen, indem Sie die Anwendung ausführen.

  1. Klicken Sie oben im Visual Studio-Fenster auf die grüne Wiedergabeschaltfläche.
    Grüne Wiedergabeschaltfläche von Visual Studio
  2. Warten Sie, bis die Anwendung geladen ist. Wenn es zu laufen beginnt, können Sie Ihre Digitaluhr anzeigen.
    Visual Studio, auf dem die Digitaluhranwendung ausgeführt wird

Erstellen einfacher Anwendungen mit Windows Forms

Das Erstellen einer Digitaluhr oder eines Weckers ist eine großartige Möglichkeit, Ihr Wissen zu erweitern und zu lernen, wie man eine einfache Anwendung erstellt. Sie können jetzt versuchen, den gleichen Uhrentyp in anderen Tech-Stacks zu bauen, die Sie auch lernen möchten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert