Progettazione di un'interfaccia utente in Visual C#

Aggiornamento: novembre 2007

In Visual C# il metodo più rapido ed efficace per creare un'interfaccia utente per un'applicazione Windows consiste nell'utilizzare Progettazione Windows Form e la Casella degli strumenti.

Nota:
In questo articolo si discute solo della tecnologia Windows Form. È inoltre possibile utilizzare Visual C# per creare un'applicazione di Windows Presentation Foundation (WPF). Per ulteriori informazioni, vedere°Introduzione a Windows Presentation Foundation e Procedura: creare un nuovo progetto di applicazione WPF. È inoltre possibile utilizzare Visual C# per creare applicazioni console (simili a programmi MS-DOS) dotate di una semplice interfaccia utente basata su testo. Per ulteriori informazioni, vedere Procedura: creare un'applicazione console C#.

In questo articolo si discute solo della tecnologia Windows Form. È inoltre possibile utilizzare Visual C# per creare un'applicazione di Windows Presentation Foundation (WPF). Per ulteriori informazioni, vedere°Introduzione a Windows Presentation Foundation e Procedura: creare un nuovo progetto di applicazione WPF.

È inoltre possibile utilizzare Visual C# per creare applicazioni console (simili a programmi MS-DOS) dotate di una semplice interfaccia utente basata su testo. Per ulteriori informazioni, vedere Procedura: creare un'applicazione console C#.

La creazione delle interfacce utente per le applicazioni Windows Form richiede l'esecuzione di tre passaggi di base specifici:

Aggiunta di controlli all'area di progettazione.
Impostazione di proprietà iniziali per i controlli.
Scrittura di gestori per eventi specifici.

Sebbene sia anche possibile creare l'interfaccia utente scrivendo il codice, le finestre di progettazione consentono di eseguire questa operazione in modo molto più rapido rispetto alla creazione manuale di codice.

Aggiunta di controlli

Nella finestra di progettazione è possibile utilizzare il mouse per trascinare i controlli, ad esempio pulsanti e caselle di testo, in un'area di progettazione che rappresenta il form. Di seguito è illustrata una casella combinata che è stata trascinata dalla Casella degli strumenti in un form in Progettazione Windows Form.

Casella degli strumenti

Poiché questa operazione viene eseguita in modo visivo, nella finestra di progettazione le azioni vengono tradotte in codice sorgente C# e vengono scritte in un file di progetto denominato <nome>.designer.cs, dove <nome> è il nome assegnato al form. Quando l'applicazione verrà eseguita, gli elementi dell'interfaccia utente verranno inseriti e ridimensionati affinché vengano visualizzati esattamente come nell'area di progettazione. Per ulteriori informazioni, vedere Progettazione Windows Form.

Impostazione delle proprietà

Dopo aver aggiunto un controllo al form, è possibile utilizzare la finestra Proprietà per impostare le relative proprietà, ad esempio il colore di sfondo e il testo predefinito. I valori specificati nella finestra Proprietà rappresentano i valori iniziali che verranno assegnati a una determinata proprietà al momento della creazione del controllo in fase di esecuzione. In molti casi, è possibile accedere a questi valori oppure modificarli a livello di codice in fase di esecuzione semplicemente ottenendo o impostando la proprietà sull'istanza della classe del controllo nell'applicazione. La finestra Proprietà è utile in fase di progettazione poiché consente di cercare tutte le proprietà, gli eventi e i metodi supportati su un controllo. Per ulteriori informazioni, vedere Finestra Proprietà.

Gestione degli eventi

I programmi con interfacce utente grafiche sono principalmente basati su eventi. Rimangono in attesa finché un utente non esegue un'operazione come l'inserimento di testo in una casella di testo, la scelta di un pulsante o la modifica di una selezione in una casella di riepilogo. A questo punto il controllo, che è soltanto un'istanza di una classe .NET Framework, invierà un evento all'applicazione. È possibile gestire un evento scrivendo, nell'applicazione, un metodo speciale che verrà chiamato alla ricezione dell'evento.

È possibile utilizzare la finestra Proprietà per specificare quali eventi si desidera gestire nel codice. Selezionare un controllo nella finestra di progettazione e fare clic sul pulsante Eventi con l'icona a forma di saetta sulla barra degli strumenti della finestra Proprietà per visualizzarne gli eventi. Nel diagramma riportato di seguito viene illustrato il pulsante eventi.

Pulsante Eventi nella finestra Proprietà

Quando si aggiunge un gestore eventi tramite la finestra Proprietà, nella finestra di progettazione verrà scritto automaticamente il corpo del metodo vuoto e l'utente dovrà scrivere il codice affinché il metodo esegua operazioni utili. La maggior parte dei controlli genera molti eventi, ma in genere un'applicazione dovrà gestirne solo alcuni o addirittura solo uno. Sarà probabilmente necessario, ad esempio, gestire l'evento Click di un pulsante, ma non i relativi eventi Paint, a meno che non si desideri personalizzarne l'aspetto con modalità avanzate. A ogni controllo è associato un gestore eventi predefinito. È possibile creare il gestore eventi predefinito facendo doppio clic sul controllo nella finestra di progettazione. Verrà creato il gestore eventi e verrà aperto l'editor di codice in cui è possibile scrivere codice per gestire l'evento.

Passaggi successivi

Per ulteriori informazioni sulle interfacce utente Windows Form, vedere gli argomenti riportati di seguito:

Nella libreria di classi .NET Framework System.Windows.Forms e gli spazi dei nomi correlati contengono le classi utilizzate nello sviluppo di Windows Form.