Progettazione di un'interfaccia utente (Visual C#)

Aggiornamento: novembre 2007

In Visual C# è possibile utilizzare rapidamente e in modo efficiente Progettazione Windows Form o Progettazione Windows Presentation Foundation (WPF) per creare interfacce utente. Per informazioni su come stabilire quale tipo di applicazione è opportuno compilare, vedere Cenni preliminari sulle applicazioni Windows. La creazione di interfacce utente 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 possibile creare un'interfaccia utente scrivendo manualmente il codice, le finestre di progettazione consentono di eseguire questa operazione in modo molto più rapido.

Nota:

È inoltre possibile utilizzare Visual C# per creare applicazioni console dotate di una semplice interfaccia utente basata su testo. Per ulteriori informazioni, vedere Creazione di applicazioni console (Visual C#).

Aggiunta di controlli

In entrambe le finestre di progettazione è possibile utilizzare il mouse per trascinare in un'area di progettazione i controlli, ovvero componenti con rappresentazione visiva, quali pulsanti e caselle di testo. Di seguito è illustrata una casella combinata che è stata trascinata dalla finestra Casella degli strumenti in un form in Progettazione Windows Form.

Casella degli strumenti e finestra di progettazione di Windows Form

Poiché questa operazione viene eseguita in modo visivo, in Progettazione Windows Form 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. In modo analogo, in Progettazione WPF le azioni vengono convertite nell'area di progettazione in codice XAML (Extensible Application Markup Language) e vengono scritte in un file di progetto denominato Window.xaml. Quando l'applicazione viene eseguita, gli elementi dell'interfaccia utente verranno inseriti e ridimensionati dal codice sorgente (Windows Form) o dal codice XAML (WPF) affinché vengano visualizzati esattamente come nell'area di progettazione. Per ulteriori informazioni, vedere Progettazione Windows Form o Windows Presentation Foundation in Visual Studio.

Impostazione delle proprietà

Dopo aver aggiunto un controllo all'area di progettazione, sarà possibile utilizzare la finestra Proprietà per impostare le relative proprietà, ad esempio il colore di sfondo e il testo predefinito.

In Progettazione Windows Form i valori specificati nella finestra Proprietà rappresentano i valori iniziali che verranno assegnati a una determinata proprietà quando il controllo verrà creato in fase di esecuzione. In Progettazione WPF i valori specificati nella finestra Proprietà vengono archiviati come attributi nel file XAML della finestra.

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, ad esempio la digitazione 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. Nell'icona seguente viene illustrato il pulsante Eventi.

Pulsante Eventi nella finestra Proprietà

Quando si aggiunge un gestore eventi tramite la finestra Proprietà, la finestra di progettazione scrive automaticamente il corpo del metodo vuoto. Affinché il codice esegua un'operazione utile, è necessario scrivere il codice. La maggior parte dei controlli genera molti eventi, ma spesso un'applicazione dovrà gestirne solo alcuni o addirittura solo uno. Ad esempio, sarà probabilmente necessario gestire l'evento Click di un pulsante, ma non i relativi eventi SizeChanged, a meno che non si desideri eseguire un'operazione quando la dimensione del pulsante viene modificata.

Passaggi successivi

Per ulteriori informazioni sulla compilazione di interfacce utente per Windows Form o Windows Presentation Foundation, vedere i seguenti argomenti:

Nella libreria di classi .NET Framework lo spazio dei nomi System.Windows.Forms contiene le classi utilizzate nelle applicazioni Windows Form, mentre lo spazio dei nomi System.Windows.Controls contiene le classi utilizzate nelle applicazioni WPF.

Vedere anche

Altre risorse

Visual C#

Utilizzo dell'IDE di Visual C#