Passaggio 2: creare un'interfaccia utente
Aggiornamento: novembre 2007
A questo punto è necessario iniziare a creare il browser Web. Verrà utilizzato Visual Basic Express Edition per creare l'interfaccia utente, ossia la parte visibile con la quale interagiscono gli utenti, aggiungendo i controlli all'applicazione tramite trascinamento dalla Casella degli strumenti nel form.
La Casella degli strumenti viene visualizzata nella parte sinistra di Visual Studio e include diverse schede quali Dati, Componenti e Tutti i Windows Form. Ogni scheda contiene una serie di elementi che rappresentano i controlli o i componenti che è possibile aggiungere all'applicazione. Nella scheda Tutti i Windows Form sono ad esempio inclusi gli elementi TextBox, Button e CheckBox, che rappresentano i controlli che è possibile aggiungere all'applicazione tramite trascinamento nel form. Non è necessario preoccuparsi della dimensione dei controlli; si imparerà come personalizzare l'aspetto dell'applicazione nella lezione successiva.
.gif)
Per una dimostrazione video, vedere la procedura video per creare il primo programma Visual Basic
Per aggiungere controlli all'applicazione
Fare clic nel pannello Casella degli strumenti.
Verrà aperta la Casella degli strumenti.
.gif "Nota")
Nota:La Casella degli strumenti risulta più facile da utilizzare se la relativa finestra rimane aperta. A questo scopo, fare clic sull'icona Nascondi automaticamente con l'aspetto di una puntina da disegno.
Fare clic sulla scheda Tutti i Windows Form della Casella degli strumenti e trascinare un controllo Panel nell'angolo superiore sinistro del form.
Nota:Se si ha difficoltà a individuare il controllo corretto, fare clic con il pulsante destro del mouse sulla Casella degli strumenti, quindi scegliere Ordina elementi alfabeticamente.
Dalla stessa scheda trascinare un controllo TextBox e posizionarlo sopra il controllo Panel.
Nota:È possibile riposizionare i controlli utilizzando la tecnica di trascinamento della selezione. È inoltre possibile ridimensionare i controlli facendo clic sul bordo o sull'angolo del controllo ed eseguendo il trascinamento.
Dalla stessa scheda, trascinare un controllo Button e posizionarlo sopra il controllo Pannel, a destra del controllo TextBox.
Infine, nella scheda Tutti i Windows Form selezionare infine un controllo WebBrowser e posizionarlo sotto il controllo Panel.
Nota:Se il controllo WebBrowser ha dimensioni troppo grandi per il form, è possibile ridimensionare il form trascinandone il bordo o l’angolo.
Nota:Se si è tenuta aperta la finestra della Casella degli strumenti, chiuderla in modo da avere a disposizione più spazio. A questo scopo, fare di nuovo clic sull'icona Nascondi automaticamente.
Informazioni dettagliate
Nel form sono stati aggiunti quattro controlli contenenti codice che ne definisce l'aspetto e ne specifica le relative attività.
Si consideri ad esempio il controllo Button. In quasi tutti i programmi è disponibile un pulsante "OK" o "Esci". Sebbene sia possibile scrivere codice specifico per creare un pulsante, modificarne l'aspetto assunto quando viene premuto e fare in modo che esegua una determinata attività quando viene fatto clic su di esso, l'esecuzione di queste operazioni per ogni programma può risultare lunga e ripetitiva. Il controllo Button contiene già il codice per eseguire queste operazioni. Ciò permette di risparmiare molto lavoro.
La Casella degli strumenti contiene numerosi controlli, ciascuno dei quali ha uno scopo specifico. I controlli Panel possono essere utilizzati per includere altri controlli, ad esempio quelli appena aggiunti. I controlli Button vengono in genere utilizzati per eseguire un'attività quando si fa clic su di essi, ad esempio la chiusura del programma. I controlli TextBox vengono utilizzati per consentire all'utente di immettere testo in una schermata tramite la tastiera. Nei controlli WebBrowser sono incorporate funzionalità per l'esplorazione del Web simili a quelle di Internet Explorer, evitando così allo sviluppatore di scrivere tutto il codice necessario.
Nelle lezioni successive verrà descritto come personalizzare l'aspetto di questi e di molti altri controlli e come scrivere codice che ne definisce il comportamento. Oltre ai controlli disponibili nella Casella degli strumenti, è possibile creare controlli personalizzati, denominati controlli utente, anch'essi descritti in una lezione successiva.
Passaggi successivi
Dopo l'aggiunta di tutti i controlli necessari, l'applicazione avrà probabilmente un aspetto che non corrisponde ancora a quello finale desiderato. Nella lezione successiva verrà utilizzata la finestra Proprietà per impostare le proprietà che consentono di controllare l'aspetto e il comportamento dell'applicazione.
Lezione successiva: Passaggio 3: personalizzare l'aspetto e il comportamento
Vedere anche
Attività
Passaggio 1: creare un progetto in Visual Basic