Winforms: maak een digitale klok die elke seconde wordt bijgewerkt

Het bouwen van een digitale klok is een eenvoudige oefening die u kunt doen als u leert hoe u een Windows Form-toepassing maakt.

Het kan u helpen te begrijpen hoe u UI-elementen toevoegt aan de gebruikersinterface en hoe u bepaalde waarden weergeeft aan de gebruiker.

De digitale kloktoepassing gebruikt een label om de tijd weer te geven. U kunt de tijd elke seconde bijwerken door de tik- en laadgebeurtenissen in de code van de app achter bestanden te gebruiken.

Hoe de gebruikersinterface voor de digitale klok te maken

Om de gebruikersinterface voor de toepassing te maken, voegt u een label toe aan het canvas en ontwerpt u het zodat het eruitziet als een digitale klok.

1. Maak een nieuwe Windows Forms-toepassing.
instagram viewer
2. Gebruik de toolbox om een ​​label-UI-element naar het canvas te slepen.
3. Markeer het etiket. Gebruik het eigenschappenvenster om enkele eigenschappen te wijzigen in de volgende nieuwe waarden:

   Eigendom	Nieuwe waarde
   Naam	klok
   Lettertype	Impact, 16pt
   Plaats	90, 70
   Tekst	00:00:00 uur

   Je formulier zou er nu ongeveer zo uit moeten zien:
4. Markeer het formulierbesturingselement. Gebruik het eigenschappenvenster om de grootte-eigenschap te wijzigen in "500, 300".

Hoe de klok in realtime bij te werken

Je kunt gebruiken gebeurtenissen in een Windows Forms-app om het kloklabel elke seconde bij te werken.

1. Sleep met behulp van de toolbox een timer-UI-element naar het canvas.
2. Het timer UI-element heeft een "Tick"-gebeurtenis, die elke seconde wordt geactiveerd om het tikken van een klok weer te geven. Markeer het timer UI-element en klik op de bliksem icoon in het eigenschappenvenster.
3. Dubbelklik op de Kruis aan evenement. Dit genereert een nieuwe functie die elke seconde wordt uitgevoerd.
4. Haal binnen de nieuwe functie de datum en tijd van het huidige systeem op. Werk de tekst van het label bij om de nieuwe datum en tijd voor die seconde weer te geven:

   privaatleegtetimer1_Tick(object afzender, EventArgs e)
   {
    klok. Tekst = DatumTijd. Nu. NaarString("hh: mm: ss tt");
   }

5. Om de tikgebeurtenis te laten werken, moet u eerst de timer starten. Ga terug naar de canvasweergave door op te klikken Form1.cs [Ontwerp] tabblad bovenaan het venster.
6. Markeer het formulierbesturingselement. Klik in het eigenschappenvenster op de bliksem icoon om de lijst met gebeurtenissen te openen.
7. Dubbelklik op de Laden gebeurtenis om een ​​nieuwe functie te genereren. Deze functie wordt uitgevoerd wanneer het formulier wordt geladen zodra u de toepassing start.
8. Start in de laadfunctie de kloktimer:

   privaatleegteForm1_Laden(object afzender, EventArgs e)
   {
   timer1.Begin();
   }

De toepassing uitvoeren om de digitale klok te bekijken

U kunt de digitale klok bekijken door de toepassing uit te voeren.

1. Klik op de groene afspeelknop bovenaan het Visual Studio-venster.
2. Wacht tot de applicatie is geladen. Wanneer het begint te lopen, kunt u uw digitale klok bekijken.

Eenvoudige toepassingen maken met behulp van Windows Forms

Het bouwen van een digitale klok of alarm is een geweldige manier om uw kennis uit te breiden en te leren hoe u een eenvoudige applicatie kunt bouwen. Je kunt nu proberen hetzelfde type klok te bouwen in andere tech-stacks die je ook wilt leren.