Winforms: crea un orologio digitale che si aggiorna ogni secondo

Costruire un orologio digitale è un semplice esercizio che puoi fare quando impari a creare un’applicazione Windows Form.

Può aiutarti a capire come aggiungere elementi dell’interfaccia utente all’interfaccia utente e come visualizzare determinati valori all’utente.

L’applicazione dell’orologio digitale utilizza un’etichetta per visualizzare l’ora. Puoi aggiornare l’ora ogni secondo utilizzando il segno di spunta e caricare gli eventi all’interno del codice dietro i file dell’app.

Come creare l’interfaccia utente per l’orologio digitale

Per creare l’interfaccia utente per l’applicazione, aggiungi un’etichetta sull’area di disegno e progettala in modo che assomigli a un orologio digitale.

1. Creare una nuova applicazione Windows Form.
2. Utilizza la casella degli strumenti per trascinare un elemento dell’interfaccia utente dell’etichetta nell’area di disegno.
   
3. Evidenziare l’etichetta. Usa la finestra delle proprietà per modificare alcune delle proprietà con i seguenti nuovi valori: Il tuo modulo ora dovrebbe avere un aspetto simile a questo:
   
4. Evidenziare il controllo del modulo. Utilizzare la finestra delle proprietà per modificare la proprietà della dimensione in “500, 300”.
   

Come aggiornare l’orologio in tempo reale

Puoi usare gli eventi in un’app Windows Forms per aggiornare l’etichetta dell’orologio ogni secondo.

1. Utilizzando la casella degli strumenti, trascina un elemento dell’interfaccia utente del timer nell’area di disegno.
   
2. L’elemento dell’interfaccia utente del timer ha un evento “Tick”, che si attiva ogni secondo per rappresentare il ticchettio di un orologio. Evidenzia l’elemento dell’interfaccia utente del timer e fai clic sull’icona del fulmine nella finestra delle proprietà.
   
3. Fare doppio clic sull’evento Tick . Questo genererà una nuova funzione che viene eseguita ogni secondo.
   
4. All’interno della nuova funzione, ottieni la data e l’ora del sistema corrente. Aggiorna il testo dell’etichetta per visualizzare la nuova data e ora per quel secondo: private void timer1_Tick(object sender, EventArgs e)
{
    clock.Text = DateTime.Now.ToString("hh:mm:ss tt");
}
5. Affinché l’evento tick funzioni, devi prima avviare il timer. Torna alla visualizzazione canvas facendo clic sulla scheda Form1.cs [Design] nella parte superiore della finestra.
   
6. Evidenziare il controllo del modulo. Nella finestra delle proprietà, fare clic sull’icona del fulmine per aprire l’elenco degli eventi.
   
7. Fare doppio clic sull’evento Load per generare una nuova funzione. Questa funzione verrà eseguita quando il modulo viene caricato una volta avviata l’applicazione.
   
8. Nella funzione di caricamento, avvia il timer dell’orologio: private void Form1_Load(object sender, EventArgs e)
{
    timer1.Start();
}

Come eseguire l’applicazione per visualizzare l’orologio digitale

È possibile visualizzare l’orologio digitale eseguendo l’applicazione.

1. Fare clic sul pulsante di riproduzione verde nella parte superiore della finestra di Visual Studio.
   
2. Attendere il caricamento dell’applicazione. Quando inizia a funzionare, sarai in grado di visualizzare il tuo orologio digitale.
   

Creazione di applicazioni semplici utilizzando Windows Form

Costruire un orologio o una sveglia digitale è un ottimo modo per espandere le tue conoscenze e imparare a creare una semplice applicazione. Ora puoi provare a costruire lo stesso tipo di orologio in altri stack tecnologici che vuoi anche imparare.