Comunicazione con l'utente del programma: l'interfaccia utente
Aggiornamento: novembre 2007
In questa lezione verrà descritto che cosa è un'interfaccia utente, che cosa sono i controlli e come aggiungere controlli a un'interfaccia utente.
Nei primi modelli di PC gli utenti interagivano con i programmi utilizzando principalmente una riga di comando. Dopo l'avvio di un programma, l'esecuzione veniva sospesa in attesa di ricevere l'input dell'utente. La maggior parte dei programmi utilizzati al giorno d’oggi, tuttavia, viene eseguita in una o più finestre. Queste finestre consentono all'utente di comunicare, o interfacciarsi, con il programma digitando, facendo clic su pulsanti, scegliendo elementi da menu preimpostati e così via. In questa lezione e in quelle immediatamente successive verrà descritto come creare interfacce utente per Windows.
Utilizzo di form
I form sono gli elementi costitutivi di base dell'interfaccia utente. Ogni form del programma rappresenta una finestra visualizzata agli utenti. Nell'IDE (IDE, ambiente di sviluppo integrato) Visual Basic un form rappresenta la finestra di progettazione che consente di progettare l'interfaccia utente dell’applicazione, in modo analogo a come Windows Paint consente di disegnare un'immagine.
Per definire l'aspetto dell'interfaccia utente, nella finestra di progettazione vengono utilizzati i controlli. Un controllo è un oggetto con un aspetto e un comportamento predefiniti. Ad esempio, un controllo Button ha un aspetto e un comportamento simili a quelli di un pulsante di comando: quando l'utente fa clic su tale controllo, l'aspetto cambia per indicare che è stato scelto.
Ciascun controllo in Visual Basic ha uno scopo specifico. Un controllo TextBox viene ad esempio utilizzato per l'immissione di testo, mentre un controllo PictureBox viene utilizzato per la visualizzazione di immagini. In Visual Basic sono disponibili oltre 50 tipi di controllo ed è anche possibile creare controlli personalizzati noti come controlli utente. Nelle lezioni successive verranno fornite ulteriori informazioni su tutti i tipi di controllo.
Per progettare l'interfaccia utente, è necessario trascinare i controlli dalla Casella degli strumenti in un form, quindi posizionarli e ridimensionarli in modo da ottenere l'aspetto desiderato. È possibile modificare ulteriormente l'aspetto impostando le proprietà di form e controlli nella finestra Proprietà. Ad esempio, i form e la maggior parte dei controlli dispongono di una proprietà BackColor che consente di impostare il colore di sfondo.
Le proprietà vengono utilizzate anche per definire il comportamento di un form o un controllo. La proprietà ShowInTaskbar di un form determina ad esempio se il form verrà visualizzato sulla barra delle applicazioni di Windows quando il programma è in esecuzione. Le proprietà consentono pertanto di personalizzare l'aspetto e il comportamento dell'interfaccia utente.
Procedura
Per modificare le proprietà di un form
Scegliere Nuovo progetto dal menu File.
Nel riquadro Modelli della finestra di dialogo Nuovo progetto fare clic su Applicazione Windows.
Digitare FirstForm nella casella Nome, quindi scegliere OK.
Verrà creato un nuovo progetto Windows Form. Nella finestra principale verrà visualizzato un nuovo form, le cui proprietà sono visibili nella finestra Proprietà disponibile nell'angolo inferiore destro dell'IDE Visual Basic.
Fare clic sul form per selezionarlo.
Nella finestra Proprietà modificare la proprietà Text in "My First Form", quindi premere INVIO.
Il testo nella parte superiore del form cambia dopo l'immissione del nuovo valore.
Nella finestra Proprietà modificare la proprietà BackColor selezionando un colore diverso nell'elenco a discesa.
Si noti che la proprietà BackColor viene modificata tramite un'interfaccia speciale. Questa interfaccia consente di vedere il colore prima di selezionarlo e di scegliere tra i colori attualmente utilizzati nel sistema, i colori Web standard e una serie di colori personalizzati. È inoltre possibile digitare semplicemente il nome del colore, ad esempio Red, nella casella della finestra Proprietà.
Provare a modificare altre proprietà del form. Quando si ritiene di avere acquisito sufficiente familiarità, proseguire con la procedura successiva.
Aggiunta di controlli al form
In questa procedura verranno aggiunti alcuni controlli al form selezionando il controllo nella Casella degli strumenti, che in genere viene visualizzata nella parte sinistra dell'IDE Visual Basic, quindi trascinando il controllo nel form. Verranno quindi modificate alcune proprietà di tali controlli.
Per aggiungere controlli al form
Dalla Casella degli strumenti trascinare un controllo Button, un controllo TextBox, un controllo Label e infine un controllo CheckBox nel form.
Selezionare il controllo Button e trascinarlo sul form per modificarne la posizione.
Quando ci si avvicina agli altri controlli vengono visualizzate delle istruzioni, che consentono di posizionare i controlli in modo preciso.
Ripetere questa procedura per gli altri controlli fino a ottenere l'aspetto desiderato per l'interfaccia utente.
Selezionare il controllo Button, quindi trascinare il quadratinoo di ridimensionamento nell’angolo inferiore destro per modificarne la dimensione.
Provare a modificare varie proprietà dei controlli. Fare clic su ogni controllo nel form per selezionarlo, quindi modificare alcune proprietà nella finestra Proprietà, tra le quali Font, BackColor, ForeColor e Text. Per ulteriori informazioni, vedere Informazioni dettagliate: layout del controllo.
Premere F5 per eseguire il programma. Verrà visualizzata una finestra contenente i controlli appena aggiunti. È possibile fare clic sul pulsante, selezionare e deselezionare la casella di controllo e digitare nella casella di testo.
Passaggi successivi
In questa lezione è stato descritto come creare un form e aggiungere vari controlli. Inoltre, è stato illustrato come modificare proprietà di form e controlli nella finestra Proprietà. Nelle lezioni immediatamente successive verranno analizzati in maggiore dettaglio alcuni controlli.
Lezione successiva: Interazione con l'utente: utilizzo dei pulsanti
Vedere anche
Concetti
Informazioni dettagliate: proprietà, metodi ed eventi
Altre risorse
Creazione dell'aspetto visivo del programma: introduzione a Windows Form