Passaggio 10: scrivere codice per pulsanti aggiuntivi e una casella di controllo

Ora si è pronti per completare gli altri quattro metodi.È possibile copiare e incollare questo codice, ma se si desidera ottenere il massimo vantaggio da questa esercitazione, digitare il codice e utilizzare IntelliSense.

Con questo codice si aggiungono funzionalità ai pulsanti aggiunti in precedenza.Senza questo codice i pulsanti non eseguono alcuna operazione.I pulsanti utilizzano il codice nei relativi eventi Click (la casella di controllo utilizza l'evento CheckChanged) per eseguire operazioni diverse quando si attivano i controlli.Ad esempio, tramite l'evento clearButton_Click, che si attiva quando si sceglie il pulsante Cancella immagine, viene cancellata l'immagine corrente impostando la proprietà Image su null o nothing.Ogni evento nel codice include commenti che spiegano l'azione eseguita dal codice.

Per una versione video di questo argomento, vedere Esercitazione 1: creare un visualizzatore di immagini in Visual Basic - Video 5 oppure Esercitazione 1: creare un visualizzatore di immagini in C# - Video 5.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.

[!NOTA]

Come procedura consigliata, commentare sempre il codice.I commenti contengono informazioni destinate a una persona ed è consigliabile aggiungerli per rendere comprensibile il codice.Tutto ciò che si trova su una riga di commento viene ignorato dal programma.In Visual C# si commenta una riga digitando due barre all'inizio (//), mentre in Visual Basic si commenta una riga anteponendovi una virgoletta singola (').

Per scrivere codice per una casella di controllo e pulsanti aggiuntivi

• Aggiungere il codice seguente al file di codice Form1 (Form1.cs o Form1.vb).Scegliere la scheda VB per visualizzare il codice di Visual Basic.

  Private Sub clearButton_Click() Handles clearButton.Click
      ' Clear the picture.
      PictureBox1.Image = Nothing 
  End Sub 
  
  Private Sub backgroundButton_Click() Handles backgroundButton.Click
      ' Show the color dialog box. If the user clicks OK, change the 
      ' PictureBox control's background to the color the user chose. 
      If ColorDialog1.ShowDialog() = DialogResult.OK Then
          PictureBox1.BackColor = ColorDialog1.Color
      End If 
  End Sub 
  
  Private Sub closeButton_Click() Handles closeButton.Click
      ' Close the form.
      Close()
  End Sub 
  
  Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
      ' If the user selects the Stretch check box, change  
      ' the PictureBox's SizeMode property to "Stretch". If the user  
      ' clears the check box, change it to "Normal". 
      If CheckBox1.Checked Then
          PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
      Else
          PictureBox1.SizeMode = PictureBoxSizeMode.Normal
      End If 
  End Sub
  

  private void clearButton_Click(object sender, EventArgs e)
  {
      // Clear the picture.
      pictureBox1.Image = null;
  }
  
  private void backgroundButton_Click(object sender, EventArgs e)
  {
      // Show the color dialog box. If the user clicks OK, change the 
      // PictureBox control's background to the color the user chose. 
      if (colorDialog1.ShowDialog() == DialogResult.OK)
          pictureBox1.BackColor = colorDialog1.Color;
  }
  
  private void closeButton_Click(object sender, EventArgs e)
  {
      // Close the form. 
      this.Close();
  }
  
  private void checkBox1_CheckedChanged(object sender, EventArgs e)
  {
      // If the user selects the Stretch check box,  
      // change the PictureBox's 
      // SizeMode property to "Stretch". If the user clears 
      // the check box, change it to "Normal".
      if (checkBox1.Checked)
          pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
      else
          pictureBox1.SizeMode = PictureBoxSizeMode.Normal;
  }
  

Per continuare o rivedere l'esercitazione

• Per andare al passaggio successivo dell'esercitazione, vedere Passaggio 11: eseguire il programma e provare altre funzionalità.

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