Visualizzazione di elementi grafici

Aggiornamento: novembre 2007

In questa lezione verrà descritto come utilizzare i metodi grafici in Visual Basic per disegnare in un form.

In una lezione precedente è stato descritto come visualizzare un'immagine in un form tramite l'utilizzo di un controllo PictureBox. Questo controllo può essere utilizzato se l'immagine è già disponibile. Talvolta, tuttavia, si desidera creare un elemento grafico direttamente nel form. Ad esempio, può essere necessario tracciare una linea per separare due campi oppure un cerchio per evidenziare un'etichetta importante.

In Visual Basic è possibile utilizzare metodi grafici per creare praticamente qualsiasi oggetto in un form o in un controllo.

Nozioni di base sulla grafica

Prima di iniziare a creare un elemento grafico, è necessario tenere presenti alcune considerazioni. Lo schermo di un computer è costituito da migliaia di minuscoli punti, noti come pixel. Un programma controlla il contenuto visualizzato sullo schermo attraverso la definizione del colore di ogni pixel. Naturalmente, la maggior parte di queste operazioni viene eseguita in modo automatico mediante il codice per la definizione di form e controlli.

Un form può essere considerato come una tela su cui è possibile disegnare o dipingere e ha delle dimensioni proprio come una tela reale. Anziché in pollici o centimetri, tuttavia, la dimensione di un form viene misurata in pixel. La posizione di ogni pixel è determinata da un sistema di coordinate, nel quale la coordinata X indica la distanza da sinistra verso destra e la coordinata Y indica la distanza dall'alto verso il basso.

La misurazione delle coordinate ha inizio nell'angolo superiore sinistro del form. Di conseguenza, se si desidera disegnare un singolo punto a 10 pixel da sinistra e a 10 pixel dall'alto, sarà necessario specificare le coordinate X e Y come 10, 10.

I pixel vengono utilizzati anche per esprimere la larghezza e l'altezza degli elementi grafici. Per definire un quadrato con una larghezza di 100 pixel e un'altezza di 100 pixel il cui angolo superiore sinistro è posizionato a 10 pixel da sinistra e a 10 pixel dall'alto, è necessario specificare 10, 10, 100, 100.

Le operazioni di creazione di un elemento grafico sullo schermo sono associate all'evento Paint. I form e i controlli dispongono di un evento Paint che si verifica ogni volta che devono essere ricreati, ad esempio durante la prima visualizzazione di un form oppure qualora un form sia stato nascosto da un'altra finestra. Tutto il codice scritto per visualizzare un elemento grafico in genere è contenuto nel gestore eventi Paint.

Creazione di una linea

Per creare una linea in un form, è necessario definire due caratteristiche: le coordinate e il colore. Come specificato sopra, le coordinate X e Y sono espresse in pixel. Per una linea vengono utilizzate due coppie di coordinate indicanti la posizione di inizio e la posizione di fine.

Visual Basic consente di utilizzare un oggetto Pen per disegnare nel form proprio come se si utilizzasse una penna per disegnare una linea su un foglio di carta. L'oggetto Pen definisce l'aspetto della linea, in questo caso il colore. Nella procedura riportata di seguito verranno create linee orizzontali, verticali e diagonali in un form.

Procedura

Per creare linee

1. Scegliere Nuovoprogetto dal menu File.

2. Nel riquadro Modello della finestra di dialogo Nuovo progetto fare clic su Applicazione Windows.

3. Digitare Lines nella casella Nome, quindi scegliere OK.

   Verrà aperto un nuovo progetto Windows Form.

4. Fare doppio clic sul form per aprire l'editor di codice, quindi selezionare Paint nell'elenco a discesa Eventi.

5. Nel gestore eventi Form1_Paint aggiungere il codice riportato di seguito.

   ' Draw a 400 pixel black line 25 pixels from the top of the form.
   e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
   ' Draw a 500 pixel red line 100 pixels from the left of the form.
   e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
   ' Draw a diagonal blue line from the upper left to the lower right.
   e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)
   

6. Premere F5 per eseguire il programma. Nel form verranno visualizzate tre linee.

Passaggi successivi

In questa lezione sono state fornite nozioni di base sulla grafica ed è stato descritto come creare linee. Nella lezione successiva verrà descritto come creare forme quali rettangoli e cerchi.

Lezione successiva: Creazione di forme in un form

Vedere anche

Attività

Visualizzazione di immagini: utilizzo del controllo PictureBox

Altre risorse

Creazione di immagini: utilizzo di elementi grafici

Presentazione guidata di Visual Basic