Esercitazione 1: Creare un visualizzatore di immaginiTutorial 1: Create a picture viewer

In questa esercitazione viene compilata un'app che carica un'immagine da un file e la Visualizza in una finestra.In this tutorial, you build an app that loads a picture from a file and displays it in a window. Si apprenderà come usare il Progettazione Windows Form per trascinare controlli quali pulsanti e caselle immagine nel form, impostarne le proprietà e usare i contenitori per ridimensionare il form in modo uniforme.You learn how to use the Windows Forms Designer to drag controls like buttons and picture boxes on to your form, set their properties, and use containers to smoothly resize the form. Si inizia inoltre a scrivere il codice.You also get started writing code.

Note

In questa esercitazione sono trattati sia Visual C# sia Visual Basic; concentrarsi sulle informazioni specifiche del linguaggio di programmazione in uso.This tutorial covers both Visual C# and Visual Basic, so focus on the information that's specific to the programming language that you're using.

Questa esercitazione illustra le attività seguenti:This tutorial walks you through the following tasks:

  • Creare un nuovo progetto.Create a new project.

  • Testare un'applicazione (eseguirne il debug).Test (debug) an application.

  • Aggiungere controlli di base come caselle di controllo e pulsanti a un form.Add basic controls like check boxes and buttons to a form.

  • Posizionare i controlli in un form utilizzando i layout.Position controls on a form by using layouts.

  • Aggiungere le finestre di dialogo Apri file e Colore a un form.Add Open File and Color dialog boxes to a form.

  • Scrivere codice usando IntelliSense e frammenti di codice.Write code by using IntelliSense and code snippets.

  • Scrivere metodi per la gestione eventi.Write event handler methods.

Al termine, l'app dovrebbe avere un aspetto simile all'immagine seguente:When you finish, your app should look similar to the following image:

App visualizzatore immagini creata in questa esercitazione

TitoloTitle DescrizioneDescription
Passaggio 1: Creare un progetto di app Windows FormsStep 1: Create a Windows Forms App project Per iniziare, creare un progetto di app Windows Forms.Begin by creating a Windows Forms App project.
Passaggio 2: Eseguire l'app visualizzatore immaginiStep 2: Run your picture viewer app Eseguire il progetto di app Windows Forms creato nel passaggio precedente.Run the Windows Forms App project that you created in the previous step.
Passaggio 3: Impostare le proprietà del moduloStep 3: Set your form properties Modificare l'aspetto del form usando la finestra Proprietà.Change the way your form looks using the Properties window.
Passaggio 4: Creare il layout del modulo con un controllo TableLayoutPanelStep 4: Lay out your form with a TableLayoutPanel control Aggiungere un oggetto TableLayoutPanel al form.Add a TableLayoutPanel control to your form.
Passaggio 5: Aggiungere controlli al moduloStep 5: Add controls to your form Aggiungere controlli, ad esempio un controllo PictureBox e un controllo CheckBox, al form.Add controls, such as a PictureBox control and a CheckBox control, to your form. Aggiungere pulsanti al form.Add buttons to your form.
Passaggio 6: Assegnare un nome ai pulsantiStep 6: Name your button controls Rinominare i pulsanti con nomi più significativi.Rename your buttons to something more meaningful.
Passaggio 7: Aggiungere componenti di finestra di dialogo al moduloStep 7: Add dialog components to your form Aggiungere un componente OpenFileDialog e un componente ColorDialog al modulo.Add an OpenFileDialog component and a ColorDialog component to your form.
Passaggio 8: Scrivere il codice per il gestore dell'evento del pulsante Mostra immagineStep 8: Write code for the show a picture button event handler Scrivere codice utilizzando lo strumento IntelliSense.Write code by using the IntelliSense tool.
Passaggio 9: Esaminare, commentare e testare il codiceStep 9: Review, comment, and test your code Esaminare e testare il codice.Review and test your code. Aggiungere commenti in base alle necessità.Add comments as needed.
Passaggio 10: Scrivere codice per una casella di controllo e pulsanti aggiuntiviStep 10: Write code for additional buttons and a check box Scrivere codice per far funzionare altri pulsanti e una casella di controllo utilizzando IntelliSense.Write code to make other buttons and a check box work using IntelliSense.
Passaggio 11: Eseguire l'app e provare altre funzionalitàStep 11: Run your app and try other features Eseguire l'app e impostare il colore di sfondo.Run your app and set the background color. Provare altre funzionalità, ad esempio la modifica di colori, tipi di carattere e bordi.Try other features, such as changing colors, fonts, and borders.

Passaggi successiviNext steps

Per iniziare l'esercitazione, iniziare con il passaggio 1: Creare un progetto Windows Forms Application.To begin the tutorial, start with Step 1: Create a Windows Forms application project.

Vedere ancheSee also