Visual Studio 2022: l'ambiente di lavoro

Un giro guidato dentro Visual Studio 2022: come si crea un progetto Windows Forms, dove sono gli strumenti, quali controlli si possono usare e come si configurano in pochi secondi.

Prima di scrivere codice bisogna sapersi muovere nell'ambiente di sviluppo. In questa lezione non si programma quasi niente: si impara a usare Visual Studio, così nelle lezioni successive potrete concentrarvi sul C#.

Alla fine di questa lezione saprai:

• creare un nuovo progetto App Windows Forms in C#;
• riconoscere le finestre principali: Casella degli strumenti, Progettazione, Esplora soluzioni, Proprietà;
• mettere i controlli sul form e configurarli velocemente;
• passare dal disegno al codice e avviare il programma.

Guarda: dal nulla al primo programma

L'animazione mostra tutti i passaggi, uno alla volta. Puoi metterla in pausa, tornare indietro o saltare a una scena con la barra dei capitoli.

L'ambiente di Visual Studio 2022

Qui sotto c'è una riproduzione semplificata di Visual Studio 2022 su cui potete provare. Premete Tour guidato per scoprire a cosa serve ogni zona, poi provate da soli:

• trascinate un controllo dalla Casella degli strumenti sul form (oppure fateci un clic);
• cliccate un controllo per selezionarlo e trascinatelo per spostarlo (comparirà la linea blu di allineamento); il quadratino in basso a destra lo ridimensiona;
• cambiate le proprietà a destra (Text, BackColor, Font…) e guardate il form cambiare;
• aprite la scheda Form1.Designer.cs: è il codice che Visual Studio scrive al posto vostro;
• fate doppio clic su un controllo (o sul ⚡ nelle Proprietà) per creare il metodo dell'evento.

Creare il progetto, passo per passo

1. Avviate Visual Studio 2022. Nella finestra iniziale scegliete Crea un nuovo progetto (se Visual Studio è già aperto: File → Nuovo → Progetto).
2. Nella casella di ricerca scrivete windows forms e scegliete App Windows Forms con l'etichetta C#. Premete Avanti.
3. In Configura il nuovo progetto scrivete il Nome progetto (senza spazi, senza accenti, ad esempio PrimoProgetto) e controllate il Percorso: deve essere una cartella che ritroverete la prossima volta. Premete Avanti.
4. In Informazioni aggiuntive lasciate il framework proposto (.NET 8.0 – supporto a lungo termine, o quello installato in laboratorio) e premete Crea.
5. Dopo qualche secondo si apre il form vuoto Form1 nella finestra di progettazione: siete pronti.

Attenzione ai modelli quasi uguali. Nell'elenco ci sono anche App Windows Forms (.NET Framework), la versione vecchia, e App Windows Forms con l'etichetta Visual Basic, che è un altro linguaggio. Guardate sempre le etichette sotto il nome: ci vuole C#, Windows, Desktop.

Se all'avvio il modello non compare, manca il carico di lavoro: aprite il Visual Studio Installer, premete Modifica e spuntate Sviluppo di applicazioni desktop .NET.

I file del progetto

In Esplora soluzioni trovate questi file. Ne userete davvero solo due.

Se modificate a mano Form1.Designer.cs e sbagliate, la finestra di progettazione smette di aprirsi. Per cambiare l'aspetto dei controlli usate sempre la finestra Proprietà.

La Casella degli strumenti

Si apre da Visualizza → Casella degli strumenti (Ctrl+Alt+X). I controlli sono divisi in gruppi; quelli che userete di più sono in Controlli comuni. Per ognuno, la tabella indica il prefisso da usare nel nome ((Name)), la proprietà principale e l'evento che si crea con il doppio clic.

Rinominate subito ogni controllo, prima di fare doppio clic: il metodo dell'evento prende il nome del controllo. btnCalcola_Click si capisce, button3_Click no.

Configurare i controlli velocemente

La finestra Proprietà (F4) mostra le caratteristiche del controllo selezionato. In alto ci sono i pulsanti per ordinarle per categoria o in ordine alfabetico, e il fulmine ⚡ che mostra gli eventi. In basso compare la descrizione della proprietà selezionata.

I trucchi che fanno risparmiare più tempo:

• Selezione multipla. Tenete premuto Ctrl e cliccate più controlli (o disegnate un rettangolo attorno): nelle Proprietà cambiate Font o BackColor a tutti insieme.
• Linee di allineamento. Mentre trascinate compaiono linee blu (bordi allineati) e viola (testo sulla stessa riga): seguitele e il form sarà ordinato.
• Menu Formato. Con più controlli selezionati: Formato → Allinea, Rendi uguale dimensione, Spaziatura orizzontale/verticale.
• Freccine della tastiera. Spostano il controllo selezionato di un pixel alla volta; con Maiusc + frecce lo ridimensionano.
• Copia e incolla. Ctrl+C e Ctrl+V duplicano un controllo già configurato (font, colori, dimensioni): poi cambiate solo nome e testo.
• Smart tag. Alcuni controlli hanno una piccola freccia ▸ nell'angolo in alto a destra: apre le operazioni più comuni, ad esempio Modifica elementi per ComboBox e ListBox o Scegli immagine per la PictureBox.
• Anchor e Dock. Decidono cosa succede quando la finestra viene ridimensionata: Anchor "aggancia" il controllo ai bordi, Dock lo fa riempire un lato o tutto il form.
• Ordine di tabulazione. Visualizza → Ordine di tabulazione: cliccate i controlli nell'ordine in cui il tasto Tab deve spostarsi.
• Blocca controlli. Tasto destro sul form → Blocca controlli, così non li spostate per sbaglio.

Le scorciatoie da ricordare

Se sparisce una finestra

Capita a tutti di chiudere per sbaglio la Casella degli strumenti o le Proprietà. Si riaprono dal menu Visualizza (o con le scorciatoie qui sopra). Se la disposizione è completamente stravolta: Finestra → Reimposta layout finestra.

Se invece la Casella degli strumenti è vuota, probabilmente state guardando il codice: i controlli compaiono solo quando è aperta la scheda [Progettazione] (Maiusc+F7).