Passaggio 3: personalizzare l'aspetto e il comportamento

Aggiornamento: novembre 2007

Nella lezione precedente è stata creata un'interfaccia utente tramite l'aggiunta di controlli all'applicazione. Tuttavia, a questo punto l'applicazione non ha né l'aspetto né il funzionamento di un programma finale. In questa lezione verranno impostate alcune proprietà che controllano l'aspetto dei controlli all'interno della finestra Proprietà.

Per una dimostrazione video, vedere la procedura video per creare il primo programma Visual Basic

Per impostare le proprietà dei controlli

1. Nella finestra di progettazione del form selezionare il controllo Panel.

   La finestra Proprietà nell'angolo inferiore destro dell'IDE contiene tutte le proprietà del controllo Panel denominato Panel1.

2. Nella finestra Proprietà selezionare la proprietà Dock, quindi fare clic sulla freccia a destra. Verrà visualizzata una piccola finestra di selezione delle proprietà con varie caselle.

   Suggerimento:
   La proprietà Dock è indicata nella categoria Layout. È possibile ordinare le proprietà alfabeticamente scegliendo il pulsante AZ nella finestra Proprietà.

3. Fare clic sulla casella superiore nella finestra di selezione per impostare la proprietà Dock su Top. Il controllo Panel si espanderà in modo da occupare la parte superiore del form.

4. Nella finestra Proprietà, fare clic sul segno più (+) accanto alla proprietà Size per espanderla.

   Le proprietà Width e Height divenute vengono visualizzate nella finestra Proprietà.

5. Nella finestra Proprietà si noti che la proprietà Height del controllo Panel è impostata su 100. Modificare il valore della proprietà su 50.

6. Nella finestra di progettazione del form selezionare il controllo WebBrowser. Nella finestra Proprietà impostare la proprietà Dock corrispondente su Fill. A tale scopo, selezionare la proprietà Dock, fare clic sulla freccia a destra e scegliere la casella centrale nella finestra di selezione delle proprietà.

7. Nella finestra di progettazione del form selezionare il controllo Button.

8. Nella finestra Proprietà selezionare la proprietà Text del controllo Button. Nella colonna a destra eliminare Button1 e sostituirlo con Go!.

9. Ridimensionare o riposizionare i controlli, quindi ridimensionare il form come desiderato. Ad esempio, se si desidera aumentare la lunghezza del controllo TextBox per renderlo sufficientemente lungo da visualizzare un URL valido. Nell'illustrazione seguente viene mostrato un esempio dell’aspetto dell'applicazione browser Web.

   L’applicazione browser Web

   

   Nota:
   I controlli TextBox e Button devono rimanere sopra il controllo Panel, altrimenti non sarà possibile vederli quando si eseguirà l'applicazione.

Informazioni dettagliate

In questa lezione sono state impostate numerose proprietà che hanno modificato l'aspetto dei controlli dell'applicazione. Una proprietà in Visual Basic rappresenta un attributo di un oggetto, in questo caso un controllo. Ad esempio, un attributo di un controllo Button rappresenta il testo visualizzato. In questo caso la proprietà Text è stata impostata sul testo "Go!". Per ulteriori informazioni sulle proprietà, vedere Informazioni dettagliate: proprietà, metodi ed eventi.

Le proprietà possono accettare molti altri tipi di valori oltre al testo. Ad esempio, la proprietà Dock utilizza una finestra di selezione per visualizzare le opzioni disponibili. Altri valori delle proprietà possono esser valori numerici, un'opzione selezionabile da un elenco oppure un'opzione di tipo True o False.

Anche il ridimensionamento o il riposizionamento di un controllo comporta l'impostazione di proprietà. Le proprietà Size e Location determinano la dimensione e la posizione del controllo all'interno del form. Per vedere un esempio pratico, selezionare la proprietà Size nella finestra Proprietà e utilizzare il mouse per ridimensionare il controllo. Quando si rilascia il pulsante del mouse, nella finestra Proprietà verranno visualizzati i nuovi valori di Size. Per ulteriori informazioni sul layout del controllo, vedere Informazioni dettagliate: layout del controllo.

Oltre che nella finestra Proprietà, la maggior parte delle proprietà può essere impostata tramite la scrittura di codice. Verranno fornite ulteriori informazioni su come scrivere il codice per l'impostazione di proprietà in una lezione successiva.

Passaggi successivi

L'interfaccia utente è stata completata e ora è sufficiente aggiungere le istruzioni, o il codice, per il funzionamento del programma. Nella lezione successiva verrà aggiunta una riga di codice al programma.

Lezione successiva: Passaggio 4: aggiungere codice Visual Basic

Vedere anche

Attività

Passaggio 1: creare un progetto in Visual Basic

Passaggio 2: creare un'interfaccia utente

Concetti

Informazioni dettagliate: proprietà, metodi ed eventi

Altre risorse

Creazione di un programma Visual Basic