Come creare la tua prima applicazione Windows Forms (Winforms) in Visual Studio

Windows Forms è un framework disponibile in Visual Studio che consente di creare applicazioni desktop con l'assistenza di un'interfaccia utente grafica. Ciò ti consente di fare clic e trascinare widget come pulsanti o etichette direttamente su una tela e di manipolare le proprietà di ciascun widget come la dimensione del carattere, il colore o il bordo.

In questo articolo, verrà utilizzato un semplice convertitore da Celsius a Fahrenheit come esempio per esaminare le nozioni di base su come configurare un'applicazione Windows Form. Visual Studio 2019 Community Edition è l'edizione usata per questa esercitazione.

Come creare il progetto Windows Form in Visual Studio

Innanzitutto, crea il progetto in Visual Studio.

1. Apri Visual Studio e seleziona Crea un nuovo progetto.
2. Visual Studio ti fornirà un elenco di modelli di progetto tra cui scegliere.
3. Per creare un'applicazione Windows Form, cerca App Windows Form e selezionalo dall'elenco dei modelli. Una volta selezionato, fare clic su Prossimo
   instagram viewer
   .

   Se la App Windows Form l'opzione non è disponibile nell'elenco, modificare la versione installata di Visual Studio. In Visual Studio Installer, aggiungi il carico di lavoro di sviluppo desktop .NET per desktop e dispositivi mobili e riavvia Visual Studio.

4. Aggiungi un nome e una posizione per il progetto e fai clic su Prossimo. Il percorso è la directory in cui verranno archiviati i file di codice.
5. Nella schermata successiva, mantieni la selezione predefinita di .NET Core 3.1.
6. Clic Creare.
7. Una volta che Visual Studio ha terminato la creazione del progetto, il progetto si aprirà.

Come aggiungere elementi alla tela del progetto

La tela è l'area bianca situata nella parte superiore sinistra dello schermo. Fare clic e trascinare i punti in basso, a destra o in basso a destra della tela per ridimensionarla, se necessario.

Per creare l'interfaccia utente dell'applicazione, aggiungi widget come pulsanti o caselle di testo nell'area di disegno.

1. Apri il Visualizza scheda nella parte superiore della finestra e selezionare Cassetta degli attrezzi.
2. Ciò aggiungerà una casella degli strumenti sul lato sinistro dell'applicazione. Seleziona il icona della puntina in alto a destra della casella degli strumenti per fissarlo lì in modo permanente.
3. Qui è dove puoi trascinare qualsiasi widget dalla casella degli strumenti sulla tela. Evidenzia un pulsante dalla casella degli strumenti e trascinalo sulla tela.
4. Trascina altre due caselle di testo sull'area di disegno, insieme a tre etichette (due etichette per ciascuna casella di testo e un'etichetta per il titolo nella parte superiore dell'applicazione).
5. Ogni widget sulla tela ha proprietà ad essi associate. Evidenzia un widget per visualizzare il Proprietà finestra in basso a destra di Visual Studio, che elenca tutte le proprietà del widget. Queste proprietà possono includere il testo, il nome, la dimensione del carattere, il bordo o l'allineamento del widget evidenziato.
6. Al momento, il testo su questi widget dice ancora etichetta1, etichetta2, o pulsante1. Seleziona il etichetta1 widget e modificare il Testo proprietà nella finestra delle proprietà per dire "Celsius to Fahrenheit". Cambia la dimensione del carattere in 22pt.
7. Allo stesso modo, modifica le proprietà degli altri widget sulla tela in modo che siano le seguenti:

   Aggeggio	Proprietà	Nuovo valore
   etichetta2	Testo	Centigrado
   etichetta3	Testo	Fahrenheit
   pulsante	Testo	Calcolare
   Casella di testo Fahrenheit	Sola lettura	Vero

Come gestire gli eventi e scrivere codice nel code-behind

I widget sulla tela possono essere legati agli eventi. Gli eventi possono includere cose come fare clic su un pulsante, modificare il testo all'interno di una casella di testo o selezionare un particolare pulsante di opzione. Quando si verificano questi eventi, può causare l'attivazione di una sezione di codice nel Code-Behind.

C# è il linguaggio utilizzato durante la creazione di Windows Form. Se non hai già usato C#, ci sono molte ragioni pratiche per imparare la programmazione C#.

Per questa particolare applicazione, aggiungi un evento al file Calcolare pulsante, per attivare una sezione di codice da eseguire quando viene premuto questo pulsante.

1. Fare doppio clic su Calcolare pulsante per aprire automaticamente Form1.cs con un nuovo metodo Evento:

   private void calcolareButton_Click (mittente dell'oggetto, EventArgs e)

2. Qui è dove aggiungerai il codice che eseguirà il calcolo da Celsius a Fahrenheit e visualizzerai il risultato nella casella di testo Fahrenheit. Per fare ciò, devi essere in grado di leggere il valore dalla casella di testo Celsius e modificare la casella di testo Fahrenheit per visualizzare il risultato.
3. Torna all'area di disegno e modifica nuovamente le proprietà come mostrato prima. Questa volta, modifica il Nome proprietà per entrambe le caselle di testo Celsius e Fahrenheit. Questi nomi possono essere utilizzati per fare riferimento alle caselle di testo nel codice.

   Aggeggio	Proprietà	Nuovo valore
   Casella di testo Celsius	Nome	celsiusTextBox
   Casella di testo Fahrenheit	Nome	fahrenheitTextBox

4. Tornare alla funzione calcolaButton_Click in Form1.cs.
5. Ora, è possibile fare riferimento alla casella di testo Celsius nel codice usando il nome "celsiusTextBox". Il valore Celsius immesso dall'utente viene memorizzato nella relativa proprietà Text. Tuttavia, poiché è una stringa, analizzala in un double per includerla nei futuri calcoli Fahrenheit.

   private void calcolareButton_Click (mittente dell'oggetto, EventArgs e)
   {
    // Ottieni il valore immesso dall'utente nella casella di testo Celsius
    double celsiusValue = Doppio. Analizza (celsiusTextBox. Testo);
   }

6. La variabile celsiusValue ora memorizza il valore immesso dall'utente nella casella di testo Celsius. La formula per convertire Celsius in Fahrenheit è (CelsiusValue * 9 / 5) + 32. Pertanto, il risultato può ora essere calcolato e memorizzato nella casella di testo Fahrenheit.

   private void calcolareButton_Click (mittente dell'oggetto, EventArgs e)
   {
    // Ottieni il valore immesso dall'utente nella casella di testo Celsius
    double celsiusValue = Doppio. Analizza (celsiusTextBox. Testo);
    // Applica il calcolo
    doppio risultato = (celsiusValue * 9 / 5) + 32;
    // Memorizza il risultato nella casella di testo Fahrenheit
    fahrenheitTextBox. Testo = risultato. Accordare();
   }

Come eseguire ed eseguire il debug del programma Windows Forms

Esecuzione del programma Windows Form in Visual Studio

Ora che l'interfaccia utente e la logica del codice sono impostate, esegui il programma per vederlo funzionare.

1. Per eseguire il programma, seleziona la freccia verde nella parte superiore della barra degli strumenti in Visual Studio.
2. Una volta caricato il progetto, aggiungi un valore nella casella di testo Celsius e premi il tasto Calcolare pulsante. Questo aggiungerà il risultato nella casella di testo Fahrenheit.
3. Se il programma è sfocato in fase di esecuzione, è probabile che l'applicazione non sia a conoscenza dei DPI. Ciò può causare problemi di ridimensionamento e risoluzione, quindi sarà necessario abilitarlo. Puoi anche leggere di più su configurazione del ridimensionamento dello schermo su Windows 10 per monitor con DPI elevati.
4. Fare clic con il pulsante destro del mouse su Progetto convertitore di temperatura nel Esplora soluzioni. Selezionare Aggiungere, quindi selezionare Nuovo oggetto.
5. Cerca il file manifest dell'applicazione e fai clic Aggiungere.
6. Copia il codice seguente nel nuovo file app.manifest, come figlio del tag assembly (se il codice è già generato, elimina il commento).

   
   
   vero
   vero
   
   

7. Affinché questa modifica abbia effetto, rieseguire il programma. Seleziona il pulsante di arresto rosso nella parte superiore della barra degli strumenti, quindi seleziona nuovamente il pulsante di riproduzione verde.

Debug del programma Windows Forms

Potresti voler eseguire il debug del programma se la logica dell'applicazione Windows Forms non funziona come previsto.

1. Tornare alla funzione calcolaButton_Click in Form1.cs e fare clic in un punto qualsiasi della barra grigia all'estrema sinistra dello schermo. Questo aggiungerà un punto di interruzione, indicato da un cerchio rosso.
2. Premere di nuovo il pulsante "Calcola" per attivare questo metodo da eseguire. Il programma si fermerà quando raggiunge il punto di interruzione per mostrare tutti i valori memorizzati nelle variabili in quel punto.
3. Per continuare il programma, fare clic sul verde Continua freccia nella parte superiore della barra degli strumenti.

Esecuzione del programma utilizzando un file eseguibile

Se non si desidera eseguire il programma tramite Visual Studio, utilizzare il file eseguibile autonomo per il programma. Questo viene generato automaticamente.

1. Passare al file eseguibile, che può essere trovato qui:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Fare clic sul file eseguibile per eseguire direttamente il programma.

Aggiungere altro al tuo Windows Form

Si spera che ora tu abbia una conoscenza di base della struttura di base di un'applicazione Windows Form. Puoi continuare a esplorare le funzionalità aggiuntive di Windows Forms sperimentando nuovi widget e facendo un tuffo più approfondito negli altri vari eventi che possono essere gestiti.

Una volta acquisita maggiore familiarità con Windows Form, puoi iniziare a creare applicazioni più complesse. Puoi anche esplorare molti altri modi in cui puoi creare applicazioni sul desktop di Windows.

Usa Chrome per creare un'app per Windows 10 da qualsiasi sito web

Leggi Avanti

Circa l'autore