Passaggio 8: scrivere il codice per il gestore dell'evento del pulsante Visualizza immagine

In questo passaggio si imposta il funzionamento del pulsante Visualizza immagine nel modo seguente:

• Quando un utente sceglie il pulsante, viene visualizzata una finestra di dialogo Apri file.

• Se l'utente apre un file di immagine, tale immagine viene visualizzata nel controllo PictureBox.

Nell'IDE è disponibile uno strumento potente denominato IntelliSense che agevola la scrittura del codice.A mano a mano che si immette il codice, l'IDE apre una casella con completamenti suggeriti per le parole parziali immesse.Il programma tenta di determinare l'operazione successiva che l'utente desidera eseguire e passa automaticamente all'ultimo elemento che si sceglie dall'elenco.È possibile utilizzare le frecce su o giù per spostarsi nell'elenco oppure continuare a digitare lettere per limitare le scelte.Quando viene visualizzata la scelta desiderata, premere TAB per selezionarla.In alternativa, è possibile ignorare i suggerimenti, se non si ritengono necessari.

Per una versione video di questo argomento, vedere Esercitazione 1: creare un visualizzatore di immagini in Visual Basic - Video 4 oppure Esercitazione 1: creare un visualizzatore di immagini in C# - Video 4.In questi video viene utilizzata una versione precedente di Visual Studio, pertanto vi sono piccole differenze in alcuni comandi di menu e altri elementi dell'interfaccia utente.Tuttavia, i concetti e le procedure funzionano in modo analogo nella versione corrente di Visual Studio.

Per scrivere il codice per il gestore dell'evento del pulsante Visualizza immagine

1. Passare a una finestra di progettazione di Windows Form e fare doppio clic sul pulsante Visualizza immagine.L'IDE passa immediatamente alla finestra di progettazione del codice e sposta il cursore all'interno del metodo showButton_Click() aggiunto precedentemente.

2. Digitare una i sulla riga vuota tra le due parentesi graffe { }. In Visual Basic, digitare sulla riga vuota fra Private Sub... e End Sub. Viene visualizzata una finestra di IntelliSense come illustrato nell'immagine seguente.

   IntelliSense con codice Visual C#

   

3. Nella finestra di IntelliSense viene evidenziata la parola if. In caso contrario, immettere una f minuscola per visualizzarla. Si noti come venga visualizzata una piccola descrizione comando accanto alla finestra di IntelliSense con la descrizione Frammento di codice per l'istruzione if. Anche in Visual Basic la descrizione comando dichiara che si tratta di un frammento, ma con una formulazione leggermente diversa. Poiché si intende utilizzare tale frammento di codice, premere TAB per inserire if nel codice.Premere quindi di nuovo TAB per utilizzare il frammento if. Se si è fatto clic in un altro punto e la finestra di IntelliSense non è più visualizzato, tornare su i utilizzando il tasto BACKSPACE e ridigitarlo. Verrà nuovamente visualizzata la finestra di IntelliSense.

   Codice Visual C#

   

4. Successivamente, si utilizza IntelliSense per immettere altro codice per aprire la finestra di dialogo Apri file.Se l'utente ha fatto clic sul pulsante OK, nel controllo PictureBox verrà caricato il file selezionato dall'utente.Nei passaggi seguenti viene illustrato come immettere il codice. Sebbene i passaggi siano numerosi, si tratta solo di poche sequenze di tasti:

   1. Iniziare con il testo true selezionato nel frammento.Digitare op per sovrascriverlo. In Visual Basic l'iniziale è maiuscola, pertanto digitare Op.

   2. Viene visualizzata la finestra di IntelliSense e viene visualizzato openFileDialog1.Premere TAB per selezionarlo. In Visual Basic l'iniziale è maiuscola, pertanto viene visualizzato OpenFileDialog1.Assicurarsi che OpenFileDialog1 sia selezionato.

      Per ulteriori informazioni su OpenFileDialog, vedere OpenFileDialog.

   3. Digitare un punto (.). Poiché è stato digitato un punto subito dopo openFileDialog1, viene visualizzata una finestra di IntelliSense, contenente tutte le proprietà e i metodi del componente OpenFileDialog.Si tratta delle stesse proprietà visualizzate nel finestra Proprietà quando si fa clic su di esse in Progettazione Windows Form.È inoltre possibile scegliere metodi che indicano al componente di eseguire operazioni (ad esempio, aprire una finestra di dialogo).

      [!NOTA]

      Nella finestra di IntelliSense possono essere visualizzati sia proprietà che metodi.Per determinare gli elementi visualizzati, esaminare l'icona a sinistra di ogni elemento nella finestra IntelliSense.È visualizzata l'immagine di un blocco accanto a ogni metodo e l'immagine di una chiave inglese (o di una chiave fissa) accanto a ogni proprietà.È anche visualizzata un'icona a forma di saetta accanto a ogni evento.Queste immagini vengono visualizzate nel modo seguente.

      Icona Metodo

      

      Icona Proprietà

      

      Icona Evento

      

   4. Iniziare a digitare ShowDialog (l'uso di maiuscole non ha importanza per IntelliSense).Il metodo ShowDialog() visualizzerà la finestra di dialogo Apri file.Dopo che nella finestra è stato evidenziato ShowDialog, premere TAB.È inoltre possibile evidenziare "ShowDialog" e premere il tasto F1 per ottenere informazioni relative.

      Per ulteriori informazioni sul metodo ShowDialog(), vedere Metodo ShowDialog.

   5. Quando si utilizza un metodo su un controllo o un componente (operazione denominata chiamata a un metodo), è necessario aggiungere le parentesi.Immettere quindi le parentesi di apertura e chiusura immediatamente dopo la "g" di ShowDialog: () si presenta quindi come "openFileDialog1.ShowDialog()".

      [!NOTA]

      I metodi sono una parte importante di qualsiasi programma e in questa esercitazione ne sono stati illustrate diverse modalità di utilizzo.È possibile chiamare un metodo di un componente per inviargli istruzioni per l'esecuzione di un'operazione, come è stato fatto quando si è chiamato il metodo ShowDialog() del componente OpenFileDialog.È possibile creare metodi personalizzati per fare eseguire operazioni al programma, come quello che si sta compilando, denominato metodo showButton_Click(), che apre una finestra di dialogo e un'immagine quando l'utente sceglie un pulsante.

   6. Per Visual C#, aggiungere uno spazio, quindi aggiungere due segni di uguale (==).Per Visual Basic, aggiungere uno spazio, quindi utilizzare un solo segno di uguale (=). Visual C# e Visual Basic utilizzano operatori di uguaglianza diversi.

   7. Aggiungere un altro spazio.Subito dopo viene visualizzata un'altra finestra di IntelliSense.Iniziare a digitare DialogResult e premere TAB per aggiungerlo.

      [!NOTA]

      Quando si scrive codice per chiamare un metodo, a volte viene restituito un valore.In questo caso, il metodo ShowDialog() del componente OpenFileDialog restituisce il valore DialogResult.DialogResult è un valore speciale che fornisce informazioni sulle operazioni eseguite in una finestra di dialogo.Un componente OpenFileDialog può far sì che l'utente scelga OK o Annulla, pertanto il relativo metodo ShowDialog() restituisce DialogResult.OK o DialogResult.Cancel.

   8. Digitare un punto per aprire la finestra di IntelliSense del valore DialogResult.Immettere la lettera O e premere TAB per inserire OK.

      Per ulteriori informazioni su DialogResult, vedere DialogResult.

      [!NOTA]

      La prima riga di codice è stata completata.Per Visual C#, il codice è analogo al seguente.

      if (openFileDialog1.ShowDialog() == DialogResult.OK)

      Per Visual Basic, il codice è analogo al seguente.

      If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

   9. Aggiungere ora l'ultima riga di codice.È possibile digitarlo (o copiarlo e incollarlo), ma è consigliabile utilizzare IntelliSense per aggiungerlo.Più si ha dimestichezza con IntelliSense, più rapidamente si scriverà il codice.L'aspetto del metodo showButton_Click() finale sarà simile al seguente. Scegliere la scheda VB per visualizzare la versione Visual Basic del codice.

      Private Sub showButton_Click() Handles showButton.Click
          If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
              PictureBox1.Load(OpenFileDialog1.FileName)
          End If 
      
      End Sub
      

      private void showButton_Click(object sender, EventArgs e)
      {
          if (openFileDialog1.ShowDialog() == DialogResult.OK)
          {
              pictureBox1.Load(openFileDialog1.FileName);  
          }
      }
      

Per continuare o rivedere l'esercitazione

• Per andare al passaggio successivo dell'esercitazione, vedere Passaggio 9: rivedere, commentare e testare il codice.

• Per tornare al passaggio precedente dell'esercitazione, vedere Passaggio 7: aggiungere componenti di finestra di dialogo al form.