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 fa clic sul pulsante, viene aperta la finestra di dialogo Apri file.

• Se l'utente sceglie 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 il tasto 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 immagini in Visual Basic alla visualizzazione 4 o esercitazione 1: Creare un Visualizzatore immagini in c# - la visualizzazione 4.

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 la descrizione comando gialla accanto alla finestra di IntelliSense, che visualizza 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. Si desidera utilizzare tale frammento.Premere il tasto TAB per inserire if nel codice.Quindi premere di nuovo il tasto TAB per utilizzare il frammento if.Se si è fatto clic in un altro punto e la finestra di IntelliSense non è più visualizzata, tornare su i utilizzando il tasto BACKSPACE e ridigitarla. 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, il controllo PictureBox carica 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.

   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 essa in Progettazione Windows Form.Esistono anche metodi che possono inviare istruzioni al componente per l'esecuzione di operazioni (come 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.È visualizzata l'immagine di un blocco accanto a ogni metodo e l'immagine di una mano 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.

   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 aperte e chiuse: ()

      [!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 fa clic su 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 faccia clic su 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.

      [!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.

      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.