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

Neste tutorial, você cria um aplicativo que carrega uma imagem de um arquivo e a exibe em uma janela.In this tutorial, you build an app that loads a picture from a file and displays it in a window. Você aprende a usar a Designer de formulários do Windows para arrastar controles como botões e caixas de imagem para o formulário, definir suas propriedades e usar contêineres para redimensionar o formulário de forma suave.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. Você também pode começar a escrever código.You also get started writing code.

Observação

Este tutorial aborda tanto o C# quanto o Visual Basic, portanto, concentre-se nas informações específicas para a linguagem de programação que você está usando.This tutorial covers both C# and Visual Basic, so focus on the information that's specific to the programming language you're using.

Este tutorial orienta você pelas seguintes tarefas:This tutorial walks you through the following tasks:

  • Criar 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 by 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.

  • Escreva código usando IntelliSense e trechos de código.Write code by using IntelliSense and code snippets.

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

Quando você terminar, seu aplicativo deverá ser semelhante à imagem a seguir:When you finish, your app should look similar to the following image:

Aplicativo visualizador de imagens criado neste tutorial

TítuloTitle DescriçãoDescription
Etapa 1: Crie um projeto de aplicativo do Windows FormsStep 1: Create a Windows Forms App project Comece criando um projeto de aplicativo Windows Forms.Begin by creating a Windows Forms App project.
Etapa 2: executar o aplicativo visualizador de imagensStep 2: Run your picture viewer app Execute o projeto de aplicativo Windows Forms que você criou na etapa anterior.Run the Windows Forms App project 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 Escreva o código usando a ferramenta IntelliSense.Write code by using the IntelliSense tool.
Etapa 9: Examinar, 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: Execute seu aplicativo e experimente outros recursosStep 11: Run your app and try other features Execute seu aplicativo e defina a cor do plano de fundo.Run your app and set the background color. Tente outros recursos, como alterar cores, fontes, e bordas.Try other features, such as changing colors, fonts, and borders.

Também há excelentes recursos de aprendizado de vídeo gratuitos disponíveis para você.There are also great, free video learning resources available to you. Para saber mais sobre programação em C#, consulte conceitos básicos do c#: desenvolvimento para iniciantes absolutos.To learn more about programming in C#, see C# fundamentals: Development for absolute beginners. Para saber mais sobre programação no Visual Basic, veja Visual Basic Fundamentals: Development for Absolute Beginners (Conceitos básicos do Visual Basic: desenvolvimento para iniciantes absolutos).To learn more about programming in Visual Basic, see Visual Basic fundamentals: Development for absolute beginners.

Próximas etapasNext steps

Para iniciar o tutorial, comece com a etapa 1: criar um projeto de aplicativo Windows Forms.To begin the tutorial, start with Step 1: Create a Windows Forms application project.

Confira tambémSee also