Tutorial 1: Criar um visualizador de imagensTutorial 1: Create a picture viewer

Neste tutorial, você cria um programa que carrega uma imagem de um arquivo e a exibe em uma janela.In this tutorial, you build a program that loads a picture from a file and displays it in a window. Você aprende a usar o Designer de Formulários do Windows para arrastar controles como botões e caixas de imagem no formulário, definir as respectivas propriedades e usar contêineres para redimensionar suavemente o formulário.You learn how to use the Windows Forms Designer to drag controls like buttons and picture boxes on your form, set their properties, and use containers to smoothly resize the form. Você também pode começar a escrever código.You also get started writing code. Você aprenderá como:You learn how to:

  • Crie um novo projeto.Create a new project.

  • Testar (depurar) um aplicativo.Test (debug) an application.

  • Adicionar controles básicos como caixas de seleção e botões para um formulário.Add basic controls like check boxes and buttons to a form.

  • Posicionar controles em um formulário usando layouts.Position controls on a form using layouts.

  • Adicionar as caixas de diálogo Abrir Arquivo e Cor a um formulário.Add Open File and Color dialog boxes to a form.

  • Escrever código usando o IntelliSense e trechos de código.Write code using IntelliSense and code snippets.

  • Escrever métodos de manipulador de eventos.Write event handler methods.

Quando você terminar, seu programa será como a imagem a seguir:When you finish, your program will look like the following picture:

Mostre que você cria neste tutorial

Para baixar uma versão concluída do exemplo, veja Exemplo de tutorial completo do Visualizador de Imagens.To download a completed version of the sample, see Complete picture viewer tutorial sample.

link para o vídeoPara ver uma versão em vídeo deste tópico, confira How do I: Create a picture viewer in Visual Basic? (Como fazer para criar um visualizador de imagens no Visual Basic?) ou How do I: Create a picture viewer in C#? (Como fazer para criar um visualizador de imagens em C#?).link to videoFor a video version of this topic, see How do I: Create a picture viewer in Visual Basic? or How do I: Create a picture viewer in C#?.

Note

Esses vídeos usam uma versão anterior do Visual Studio, portanto, existem pequenas diferenças em alguns comandos de menu e em outros elementos da interface do usuário.These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. No entanto, os conceitos e procedimentos funcionam de maneiras semelhantes na versão atual do Visual Studio.However, the concepts and procedures work similarly in the current version of Visual Studio. O Visual C# e o Visual Basic são abordados neste tutorial, portanto concentre-se nas informações específicas da linguagem de programação que você está usando.Visual C# and Visual Basic are both covered in this tutorial, so focus on information specific to the programming language that you're using.

Para ver o código para Visual Basic, escolha a guia VB na parte superior dos blocos de código e, para ver o código para Visual C#, escolha a guia C#. Se estiver interessado em aprender sobre o Visual C++, veja Introdução e Tutorial da linguagem C++.To see code for Visual Basic, choose the VB tab at the top of code blocks, and to see code for Visual C#, choose the C# tab. If you're interested in learning about Visual C++, see Get started and C++ language tutorial.

Se você estiver interessado em aprender a escrever aplicativos UWP do Visual C# ou Visual Basic, consulte Criar aplicativos UWP.If you're interested in learning how to write Visual C# or Visual Basic UWP apps, see Build UWP apps.

TítuloTitle DescriçãoDescription
Etapa 1: Criar um projeto de aplicativo do Windows FormsStep 1: Create a Windows Forms application project Comece criando um projeto de aplicativo do Windows Forms.Begin by creating a Windows Forms application project.
Etapa 2: Executar o programaStep 2: Run your program Execute o programa de aplicativo do Windows Forms que você criou na etapa anterior.Run the Windows Forms application program that you created in the previous step.
Etapa 3: Definir as propriedades do formulárioStep 3: Set your form properties Altere a aparência do seu formulário usando a janela Propriedades.Change the way your form looks using the Properties window.
Etapa 4: Definir o layout do formulário com um controle TableLayoutPanelStep 4: Lay out your form with a TableLayoutPanel control Adicione um controle TableLayoutPanel ao seu formulário.Add a TableLayoutPanel control to your form.
Etapa 5: Adicionar controles ao formulárioStep 5: Add controls to your form Adicione controles, como um controle PictureBox e um controle CheckBox, ao seu formulário.Add controls, such as a PictureBox control and a CheckBox control, to your form. Adicionar botões ao seu formulário.Add buttons to your form.
Etapa 6: Nomear os controles de botãoStep 6: Name your button controls Renomear os botões a algo mais significativo.Rename your buttons to something more meaningful.
Etapa 7: Adicionar componentes de diálogo ao formulárioStep 7: Add dialog components to your form Adicionar um componente OpenFileDialog e um componente ColorDialog ao seu formulário.Add an OpenFileDialog component and a ColorDialog component to your form.
Etapa 8: Escrever código para o manipulador de eventos do botão Mostrar uma ImagemStep 8: Write code for the show a picture button event handler Escrever código usando a ferramenta do IntelliSense.Write code using the IntelliSense tool.
Etapa 9: Revisar, comentar e testar o códigoStep 9: Review, comment, and test your code Revise e teste seu código.Review and test your code. Adicionar comentários quando necessário.Add comments as needed.
Etapa 10: Escrever código para botões adicionais e uma caixa de seleçãoStep 10: Write code for additional buttons and a check box Escrever código para tornar outros botões e uma caixa de seleção trabalhar usando o IntelliSense.Write code to make other buttons and a check box work using IntelliSense.
Etapa 11: Executar o programa e experimentar outros recursosStep 11: Run your program and try other features Execute o programa e defina a cor do plano de fundo.Run your program and set the background color. Tente outros recursos, como alterar cores, fontes, e bordas.Try other features, such as changing colors, fonts, and borders.