Procedura: creare un'applicazione Windows Form C#

Aggiornamento: novembre 2007

Scopo di questo argomento è fornire alcune informazioni di carattere generale sugli elementi dell'ambiente di sviluppo integrato (IDE) di Visual C# Express Edition, utilizzando Windows Form per compilare un programma C# relativamente semplice. Windows Form consente di aggiungere a un progetto i componenti, ad esempio finestre di dialogo, menu, pulsanti e molti altri controlli, che costituiscono l'interfaccia utente di un'applicazione Windows standard. Fondamentalmente, questi controlli sono semplicemente classi appartenenti alla libreria di classi di .NET Framework. Nella visualizzazione Progettazione di Visual C# Express Edition è possibile trascinare i controlli nel form principale dell'applicazione e impostare le dimensioni e la posizione di ciascun controllo. A questo punto, l'IDE aggiungerà automaticamente il codice sorgente per la creazione di un'istanza della classe appropriata e la relativa inizializzazione.

In questo esempio viene illustrato come creare una propria applicazione browser Web, che potrà essere personalizzata con l'aggiunta dei collegamenti ai siti Web preferiti.

In questa sezione viene illustrato come completare le seguenti attività:

• Creare una nuova applicazione Windows Form.

• Passare dalla visualizzazione Codice alla visualizzazione Progettazione.

• Modificare le proprietà di Windows Form.

• Aggiungere un controllo MenuStrip.

• Aggiungere un controllo Button.

• Creare un controllo ComboBox e popolarlo.

• Utilizzare un controllo WebBrowser

• Creare gestori eventi per i controlli.

Per una dimostrazione video, vedere Procedura relativa a contenuti video: creare un'applicazione Windows Form C# (informazioni in lingua inglese).

Per creare un'applicazione Windows C#

1. Scegliere Nuovo progetto dal menu File.

   Verrà visualizzata la finestra di dialogo Nuovo progetto, Nella finestra di dialogo vengono elencati i diversi tipi di applicazione predefiniti che possono essere creati da Visual C# Express Edition.

2. Selezionare Applicazione Windows Form come tipo di progetto.

3. Cambiare il nome dell'applicazione in Browser Web.

4. Scegliere OK.

   In Visual C# Express Edition viene creata una nuova cartella per il progetto, denominata in base al titolo del progetto, quindi viene visualizzato il nuovo Windows Form, denominato Form1, in visualizzazione Progettazione. È possibile passare in qualsiasi momento da questa visualizzazione alla visualizzazione Codice facendo clic con il pulsante destro del mouse nell'area di progettazione o nella finestra del codice e scegliendo Visualizza codice o Visualizza finestra di progettazione.

   

   Il Windows Form riprodotto in visualizzazione Progettazione è una rappresentazione visiva della finestra che verrà visualizzata all'apertura dell'applicazione. In visualizzazione Progettazione è possibile trascinare diversi controlli dalla Casella degli strumenti nel form. Questi controlli non sono effettivamente attivi. Si tratta infatti di immagini che possono essere spostate facilmente in una posizione precisa del form.

   Una volta rilasciato un controllo nel form, verrà creato automaticamente il codice che si occuperà di posizionare correttamente il controllo reale al momento dell'esecuzione del programma. Questo codice sorgente è contenuto in un file che in genere è nidificato all'esterno della visualizzazione. Se si espande Form1.cs, è possibile visualizzare questo file, denominato Form1.designer.cs, in Esplora soluzioni.

5. Se è attiva la visualizzazione Codice, passare alla visualizzazione Progettazione facendo clic con il pulsante destro del mouse nella finestra del codice, quindi scegliendo Visualizza finestra di progettazione. Modificare a questo punto le dimensioni del Windows Form.

   1. Fare clic sull'angolo inferiore destro del Windows Form.

   2. Quando il puntatore assume la forma di una doppia freccia, trascinare l'angolo del form finché quest'ultimo non occupa almeno un quarto dello schermo.

      Poiché quest'area corrisponde alla finestra in cui verranno visualizzate le pagine Web, si consiglia di non definire un'area troppo limitata.

6. Accertarsi che la finestra Proprietà sia visualizzata. La posizione predefinita della finestra è la sezione inferiore destra dell'IDE, ma può essere spostata nella posizione desiderata. Nella figura riportata di seguito è visualizzata nell'angolo superiore destro. Se la finestra Proprietà non è visualizzata, scegliere Proprietà dal menu Visualizza. In questa finestra vengono elencate le proprietà del form o del controllo Windows Form attualmente selezionato. È possibile modificare i valori esistenti.

7. Modificare il titolo del Windows Form.

   1. Fare clic sul form per selezionarlo.

   2. Nella finestra Proprietà scorrere in basso fino a individuare Text, selezionare il testo Form1, quindi digitare Browser Web.

   3. Premere INVIO o TAB per spostare lo stato attivo dalla casella di testo "Text".

   È possibile notare che il testo nella parte superiore del Windows Form (barra del titolo) è cambiato.

   

   Per modificare rapidamente il nome di un controllo, fare clic con il pulsante destro del mouse sul controllo, quindi scegliere Proprietà. È possibile digitare il nuovo nome del controllo nella proprietà Name.

8. Fare clic sul pulsante Casella degli strumenti sulla barra degli strumenti oppure scegliere Casella degli strumenti dal menu Visualizza. Scorrere l'elenco dei controlli verso il basso ed espandere Menu e barre degli strumenti finché non viene visualizzato MenuStrip. Trascinare questo controllo in un qualsiasi punto del Windows Form.

   

   Questo controllo crea un menu predefinito nella parte superiore del form.

9. Nella casella Digitare qui digitare il nome del menu, in questo caso Navigate. Quando si preme INVIO, vengono visualizzate nuove caselle vuote che possono essere utilizzate per creare altri menu e voci di menu. Nella casella inferiore digitare Home. Premere INVIO. Verranno visualizzate altre caselle. Digitare Go Back. Premere INVIO, quindi digitare Go Forward.

   

   Queste voci di menu costituiscono i controlli di spostamento di base del sito Web.

10. Aggiungere un pulsante.

    Dalla Casella degli strumenti nella categoria Controlli comuni trascinare un controllo Button e rilasciarlo approssimativamente al centro del Windows Form, sotto della barra dei menu. Nella finestra Proprietà impostare il valore della proprietà Text su Go anziché su button1, quindi modificare il nome del progetto, che è simile a (Name), da button1 in goButton.

11. Aggiungere un controllo ComboBox.

    Trascinare un controllo ComboBox dalla Casella degli strumenti della categoria Controlli comuni e posizionarlo a sinistra del nuovo pulsante. Trascinare i bordi e gli angoli per ridimensionare e riposizionare il controllo ComboBox finché non è allineato al pulsante.

    Nota:

    Durante lo spostamento dei controlli in un Windows Form verranno visualizzate alcune righe blu, che possono essere utilizzate per facilitare l'allineamento dei controlli in direzione verticale e orizzontale. È anche possibile selezionare più controlli da allineare contemporaneamente. A questo scopo, fare clic e trascinare una casella di selezione attorno ai controlli oppure fare clic su di essi tenendo premuto MAIUSC. Dopo avere selezionato più controlli, è possibile modificare l'allineamento e le dimensioni utilizzando le icone di allineamento e ridimensionamento. Queste icone sono visualizzate sulla Barra degli strumenti Layout nella parte superiore della finestra Progettazione.

12. Inserire i dati nel controllo ComboBox.

    Un controllo ComboBox consente di visualizzare un elenco a discesa di opzioni da cui l'utente può effettuare una selezione. In questo programma il controllo ComboBox conterrà un elenco di siti Web preferiti per l'accesso rapido.

    Per creare l'elenco dei siti, selezionare il controllo ComboBox e visualizzare le relative proprietà. Selezionando la proprietà Items verrà visualizzata la parola (Insieme) e un pulsante con i puntini di sospensione (...). Fare clic su questo pulsante per modificare il contenuto del controllo ComboBox. Aggiungere gli URL dei siti Web che si desidera inserire nell'elenco, premendo INVIO dopo ciascuno di essi.

    Nota:
    Assicurarsi di includere http:// prima di ogni indirizzo di sito Web.

13. Aggiungere il controllo WebBrowser.

    Dalla Casella degli strumenti della categoria Controlli comuni scorrere verso il basso finché non viene individuato il controllo WebBrowser. Trascinare il controllo nel Windows Form. Ridimensionare il controllo WebBrowser in modo da adattarlo alle dimensioni del Windows Form, senza nascondere i controlli ComboBox e Button. Se il controllo WebBrowser non può essere ridimensionato facilmente, impostarlo innanzitutto sulla dimensione desiderata, aprire le relative proprietà, individuare l'opzione Dock e assicurarsi che sia impostata su none. Per fare in modo che il controllo WebBrowser venga ridimensionato correttamente quando si ridimensiona la finestra dell'applicazione, impostare le opzioni di Anchor su Top, Bottom, Left, Right.

    Il controllo WebBrowser ha il compito di eseguire il rendering delle pagine Web. Per accedere a questo controllo nell'applicazione è necessario utilizzare un'istanza della classe WebBrowser. In form1.Designer.cs si noterà che è stata aggiunta un'istanza di questa classe al codice dell'applicazione, insieme alle istanze di classi che rappresentano gli altri elementi aggiunti mediante la finestra di progettazione. Queste istanze verranno utilizzate quando si aggiungono gestori eventi per i controlli e chiamate ai metodi sui controlli.

14. Aggiungere un gestore eventi per il controllo Button.

    La fase di progettazione dell'applicazione è stata completata e ora è possibile aggiungere codice C# per fornire le funzionalità del programma.

    È necessario che nel programma siano disponibili gestori eventi per il pulsante e per ogni opzione di menu. Un gestore eventi è un metodo che viene eseguito quando l'utente interagisce con il controllo. In Visual C# Express Edition vengono creati automaticamente gestori eventi vuoti.

    Fare doppio clic sul pulsante. Verrà visualizzato l'editor di codice del progetto. Si noterà inoltre che è stato creato automaticamente anche il gestore eventi per l'evento Click, ovvero il messaggio dell'evento che si verifica quando l'utente fa clic su un pulsante. Aggiungere al metodo per la gestione eventi un blocco di codice simile a quello riportato di seguito.

    private void goButton_Click(object sender, System.EventArgs e)
    {
        webBrowser1.Navigate(new Uri(comboBox1.SelectedItem.ToString()));
    }
    

    Questo codice accetta l'elemento attualmente selezionato dal controllo ComboBox, ovvero una stringa che contiene un URL Web, e lo passa al metodo Navigate del browser Web. Il metodo Navigate carica e visualizza il contenuto della pagina Web in tale posizione.

15. Aggiungere i gestori eventi per le opzioni di MenuStrip.

    Tornare alla finestra Progettazione e fare doppio clic su ciascuna delle sottovoci di menu. In Visual C# Express Edition vengono creati metodi per la gestione eventi per ciascuna voce di menu. Modificare questi metodi in base al codice seguente.

    private void homeToolStripMenuItem_Click(object sender, System.EventArgs e)
    {
        webBrowser1.GoHome();
    }
    
    private void goForwardToolStripMenuItem_Click(object sender, System.EventArgs e)
    {
        webBrowser1.GoForward();
    }
    
    private void goBackToolStripMenuItem_Click(object sender, System.EventArgs e)
    {
        webBrowser1.GoBack();
    }
    

    Ciascuno di questi gestori di menu chiama un metodo di spostamento supportato sulla classe WebBrowser.

    Nota:
    Come si noterà da questo codice, i nomi predefiniti assegnati alle opzioni di menu possono generare molta confusione. Per questo motivo si consiglia di modificare il nome di ciascun controllo di menu al momento della creazione utilizzando l'editor delleproprietà. Il nome del gestore rifletterà quindi il nome dell'opzione di menu.

16. Esaminare il codice scritto automaticamente da Visual C#.

    Nell'IDE di Visual C# è già stato scritto il codice di inizializzazione. In visualizzazione Codice individuare il costruttore della classe Form1 contraddistinto dalla firma public Form1(). Fare clic con il pulsante destro del mouse sul metodo InitializeComponent chiamato dall'interno del costruttore e fare clic su Vai a definizione. A questo punto verrà visualizzato tutto il codice scritto automaticamente durante il trascinamento dei controlli e l'impostazione delle proprietà nella finestra Proprietà.

17. Aggiungere un blocco di codice di inizializzazione personalizzato.

    L'ultima attività consiste nell'aggiunta di un codice di inizializzazione personalizzato a Form1. Il costruttore non deve mai essere utilizzato per chiamare un blocco di codice che potrebbe generare un'eccezione. È pertanto necessario spostare tale codice altrove, ovvero nel metodo Form1_Load. Fare clic sulla scheda Form1.cs[Progettazione] nella parte superiore dell'editor di codice per tornare a Windows Form. Selezionare il form. Nella finestra Proprietà fare clic sul pulsante Eventi, ovvero il pulsante con l'icona a forma di saetta, quindi fare doppio clic su Carica. In questo modo verrà aggiunto un metodo per la gestione degli eventi e il cursore nel metodo verrà posizionato nella visualizzazione Codice.

    Quando un utente avvia il programma, al form dell'applicazione verrà inviato automaticamente un evento Load. Quando riceve tale evento, il form chiamerà il metodo Form1_Load. I metodi chiamati in risposta agli eventi sono denominati gestori eventi. L'evento verrà chiamato dal sistema al momento opportuno. Il compito dello sviluppatore consiste nell'inserire il codice nel gestore eventi che si desidera eseguire quando si verifica l'evento.

    In visualizzazione Codice aggiungere due righe al metodo Form1_Load, come illustrato nel codice riportato di seguito. Il controllo WebBrowser verrà visualizzato nella home page predefinita del computer e verrà inoltre impostato il valore iniziale del controllo ComboBox.

    private void Form1_Load(object sender, EventArgs e)
    {
        comboBox1.SelectedIndex = 0;
        webBrowser1.GoHome();
    }
    

18. Compilare ed eseguire il programma.

    Premere F5 per compilare ed eseguire il browser. Il Windows Form verrà visualizzato sullo schermo, seguito dalla home page predefinita del computer. È possibile utilizzare il controllo ComboBox per selezionare un sito Web e il pulsante Go per accedere a tale sito. Le opzioni di menu consentono di tornare alla home page o di spostarsi tra i siti Web già visitati.

    

    Se non si ha alcuna esperienza in programmazione C#, si consiglia di leggere la sezione Nozioni di base del linguaggio C#. Per ulteriori informazioni sull'ambiente di sviluppo di Visual C# Express Edition, in particolare sulla creazione di applicazioni console mediante IntelliSense, vedere Procedura: creare un'applicazione console C#. . Per ulteriori informazioni sulla compilazione di applicazioni di Windows Presentation Foundation, vedere Procedura: creare un'applicazione WPF in C#.

Vedere anche

Attività

Procedura: creare un'applicazione console C#

Procedura: creare un'applicazione WPF in C#

Concetti

Nozioni di base del linguaggio C#

Altre risorse

Creazione di un'applicazione Visual C#

Suggerimenti per Visual C# Express