Winforms: Skapa en digital klocka som uppdateras varje sekund

Att bygga en digital klocka är en enkel övning som du kan göra när du lär dig att skapa ett Windows Form-program.

Det kan hjälpa dig att förstå hur du lägger till UI-element i användargränssnittet och hur du visar vissa värden tillbaka till användaren.

Den digitala klockaapplikationen använder en etikett för att visa tiden. Du kan uppdatera tiden varje sekund genom att använda tick och ladda händelser i appens kod bakom filer.

Hur man skapar gränssnittet för den digitala klockan

För att skapa gränssnittet för applikationen, lägg till en etikett på duken och designa den så att den ser ut som en digital klocka.

1. Skapa ett nytt Windows Forms-program.
2. Använd verktygslådan för att dra ett etikett-UI-element till arbetsytan.
instagram viewer
3. Markera etiketten. Använd egenskapsfönstret för att ändra några av egenskaperna till följande nya värden:

   Fast egendom	Nytt värde
   namn	klocka
   Font	Effekt, 16 pkt
   Plats	90, 70
   Text	00:00:00

   Ditt formulär ska nu se ut ungefär så här:
4. Markera formulärkontrollen. Använd egenskapsfönstret för att ändra storleksegenskapen till "500, 300".

Hur man uppdaterar klockan i realtid

Du kan använda händelser i en Windows Forms-app för att uppdatera klocketiketten varje sekund.

1. Använd verktygslådan och dra ett timer-UI-element till arbetsytan.
2. Timer UI-elementet har en "Tick"-händelse, som avfyras varje sekund för att representera tickandet av en klocka. Markera timer UI-elementet och klicka på blixtikonen i egenskapsfönstret.
3. Dubbelklicka på Bock händelse. Detta kommer att generera en ny funktion som körs varje sekund.
4. Inuti den nya funktionen får du det aktuella systemets datum och tid. Uppdatera etikettens text för att visa det nya datumet och tiden för den sekunden:

   privattomhettimer1_Tick(objektavsändare, EventArgs e)
   {
    klocka. Text = DatumTid. Nu. Att stränga("hh: mm: ss tt");
   }

5. För att tickhändelsen ska fungera måste du först starta timern. Gå tillbaka till arbetsytan genom att klicka på Form1.cs [Design] fliken överst i fönstret.
6. Markera formulärkontrollen. I egenskapsfönstret klickar du på blixtikonen för att öppna händelselistan.
7. Dubbelklicka på Ladda händelse för att generera en ny funktion. Denna funktion kommer att köras när formuläret laddas när du startar programmet.
8. Starta klocktimern i laddningsfunktionen:

   privattomhetForm1_Load(objektavsändare, EventArgs e)
   {
   timer1.Start();
   }

Hur man kör programmet för att se den digitala klockan

Du kan se den digitala klockan genom att köra programmet.

1. Klicka på den gröna uppspelningsknappen högst upp i Visual Studio-fönstret.
2. Vänta tills programmet laddas. När den börjar köra kommer du att kunna se din digitala klocka.

Skapa enkla applikationer med Windows Forms

Att bygga en digital klocka eller ett alarm är ett utmärkt sätt att utöka dina kunskaper och lära sig hur man bygger en enkel applikation. Du kan nu prova att bygga samma typ av klocka i andra tekniska högar som du också vill lära dig.