Visualizzazione di immagini: utilizzo del controllo PictureBox

Aggiornamento: novembre 2007

In questa lezione verrà descritto come utilizzare un controllo PictureBox per visualizzare immagini e come utilizzare un'immagine come sfondo di un form.

Un'immagine può essere più significativa di tante parole. Per questo, in molti programmi vengono utilizzate immagini per comunicare informazioni. In Visual Basic le immagini possono essere visualizzate in vari modi. La soluzione più comune consiste nell'utilizzare un controllo PictureBox.

Il controllo PictureBox funge da contenitore di immagini. L'immagine da visualizzare viene scelta tramite la proprietà Image. In alternativa, ovvero anziché impostare la proprietà Image nella finestra Proprietà, per indicare al programma l'immagine da visualizzare è possibile scrivere codice.

Altre proprietà utili per il controllo PictureBox sono AutoSize, che determina se il controllo PictureBox verrà esteso in base alle dimensioni dell'immagine, e SizeMode, che può essere utilizzata per estendere, centrare o ingrandire l'immagine nel controllo PictureBox.

Prima di aggiungere un'immagine a un controllo PictureBox, in genere si aggiunge il file di immagine al progetto come risorsa. Dopo avere aggiunto una risorsa al progetto, è possibile riutilizzarla più volte. Ad esempio, è possibile visualizzare la stessa immagine in più posizioni.

Procedura

Per aggiungere un'immagine come risorsa

1. Scegliere Nuovo progetto dal menu File.

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

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

   Verrà aperto un nuovo progetto Windows Form.

4. In Esplora soluzioni fare doppio clic sul nodo Progetto per aprire Progettazione progetti.

5. Fare clic sulla scheda Risorse in Progettazione progetti.

6. Scegliere Aggiungi risorsa, quindi selezionare Aggiungi file esistente nell'elenco a discesa.

   Verrà visualizzata la finestra di dialogo Aggiungi il file esistente alle risorse. Se non è disponibile alcun file di immagine, selezionare una cartella contenente immagini.

7. Selezionare un file di immagine con estensione bmp, gif o jpg, quindi scegliere Apri. Per questo esempio è preferibile scegliere un'immagine di piccole dimensioni.

   L'immagine verrà aggiunta al progetto e verrà visualizzata nella finestra Gestione risorse.

8. Ripetere i due passaggi precedenti per aggiungere una seconda immagine al progetto.

9. Scegliere Chiudi dal menu File. Se viene chiesto di salvare le modifiche, fare clic su Sì.

Per visualizzare immagini tramite un controllo PictureBox

1. In Esplora soluzioni selezionare Form1.vb, quindi scegliere Finestra di progettazione dal menu Visualizza.

2. Dalla Casella degli strumenti trascinare un controllo PictureBox nel form.

3. Nella finestra Proprietà scegliere il pulsante con i puntini di sospensione (…) accanto alla proprietà Image per visualizzare la finestra di dialogo Seleziona risorsa.

4. Nell'elenco Voce selezionare una delle immagini aggiunte, quindi scegliere OK.

5. Selezionare la proprietà SizeMode e impostarla su AutoSize.

   Il controllo PictureBox verrà ridimensionato automaticamente in base all'immagine.

6. Nel form fare doppio clic sul controllo PictureBox per visualizzare il gestore eventi PictureBox1_Click nell'editor di codice.

7. Aggiungere il codice seguente al gestore eventi PictureBox1_Click.

   Nota:
   Sostituire "MyPictureName2" con il nome effettivo della seconda immagine aggiunta in precedenza.

   PictureBox1.Image = My.Resources.MyPictureName2
   

8. Premere F5 per eseguire il programma. Quando viene visualizzato il form, fare clic sull'immagine per visualizzare la seconda immagine.

Visualizzazione di un'immagine di sfondo in un form

Oltre a visualizzare un'immagine in un controllo PictureBox, è possibile utilizzare un'immagine come sfondo del form. La proprietà BackgroundImage di un form viene utilizzata per visualizzare un'immagine che apparirà in secondo piano rispetto a tutti gli altri controlli presenti nel form, in modo analogo allo sfondo del desktop di Windows.

Come le impostazioni di Windows consentono di scegliere una posizione estesa, centrata o affiancata per la visualizzazione dello sfondo sullo schermo, la proprietà BackgroundImageLayout permette di effettuare scelte analoghe per un form.

Suggerimento:
La proprietà BackgroundImage è disponibile anche in molti altri controlli, ad esempio Panel, GroupBox e persino Button. Si consiglia di provare a impostarne alcuni.

Procedura

Per visualizzare un'immagine di sfondo in un form

1. In Esplora soluzioni selezionare Form1.vb, quindi scegliere Finestra di progettazione dal menu Visualizza.

2. Selezionare il form facendo clic su di esso in un punto qualsiasi all'esterno del controllo PictureBox.

3. Nella finestra Proprietà scegliere il pulsante con i puntini di sospensione (…) accanto alla proprietà BackgroundImage per visualizzare la finestra di dialogo Seleziona risorsa.

4. Nell'elenco Voce selezionare una delle immagini aggiunte, quindi scegliere OK.

   L'immagine viene visualizzata nel form dietro al controllo PictureBox ed è affiancata per impostazione predefinita.

   Nota:
   Se l'immagine nel controllo PictureBox è troppo grande, è possibile che l'immagine di sfondo non sia visibile. In tal caso, selezionare il controllo PictureBox e trascinarlo nella parte inferiore del form per consentire la visualizzazione dell'immagine di sfondo.

5. Selezionare la proprietà BackgroundImageLayout e impostarla su Stretch.

   L'immagine viene estesa in modo da occupare l'intero form.

6. Fare doppio clic sul form per aprire l'editor di codice.

7. Verificare che sia selezionato Form1 Events nella casella di riepilogo a discesa sulla sinistra, quindi scegliere Click nella casella di riepilogo a discesa sulla destra.

8. Aggiungere il codice seguente al gestore eventi Form1_Click:

   If Me.BackgroundImageLayout = ImageLayout.Stretch Then
     Me.BackgroundImageLayout = ImageLayout.Center
   Else
     Me.BackgroundImageLayout = ImageLayout.Stretch
   End If
   

9. Premere F5 per eseguire il programma. Quando viene visualizzato il form, fare clic su di esso per cambiare il layout.

Passaggi successivi

In questa lezione è stato descritto come utilizzare il controllo PictureBox per visualizzare un'immagine e come utilizzare la proprietà BackgroundImage di un form. Nella lezione successiva verrà descritto come creare menu per offrire alcune possibilità di scelta agli utenti.

Lezione successiva: Scelte dell'utente: creazione di menu in fase di progettazione

Vedere anche

Attività

Procedura: impostare lo sfondo di un controllo Panel Windows Form

Riferimenti

Cenni preliminari sul controllo PictureBox (Windows Form)