Download - 05 - C# - componentes visuais v1.0

Transcript
Page 1: 05 - C# - componentes visuais v1.0

César Augusto Pessôa

Page 2: 05 - C# - componentes visuais v1.0

Sumário

Objetivos

O ambiente de desenvolvimento

Build

Debug

Componentes visuais

Propriedades

Eventos

Exercícios práticos no Visual Studio

Page 3: 05 - C# - componentes visuais v1.0

Objetivos

Apresentar aos alunos o ambiente de

desenvolvimento da IDE Visual Studio, com

suas principais ferramentas e opções.

Iniciar o desenvolvimento de uma aplicação

visual com a linguagem C# e tecnologia

.NET.

Page 4: 05 - C# - componentes visuais v1.0

Start Page

Page 5: 05 - C# - componentes visuais v1.0

Start Page

A Start Page (página inicial) apresenta as principais opções e ferramentas do Visual Studio, além de notícias e novidades sobre a tecnologia .NET.

New Project: cria um novo projeto.

Open Project: abre um projeto já existente.

Recent: apresenta os últimos projetos e arquivos abertos no VS.

Page 6: 05 - C# - componentes visuais v1.0

New Project

Nome da aplicação

(projeto) Pasta do projetoBotão para pesquisa

de local

Nome da solução

Versão do .NET que será

utilizado Tipo de aplicação que

será desenvolvida

Page 7: 05 - C# - componentes visuais v1.0

Solution Explorer

Arquivos e pastas

do projeto

Page 8: 05 - C# - componentes visuais v1.0

Solution Explorer

A Solution Explorer equivale ao Windows Exploerer. Ele apresenta todas as pastas e arquivos envolvidos na solução.

Projeto: aplicação que está sendo desenvolvida para entrega de um único produto.

Solução: conjunto de projetos que estão sendo desenvolvidos para entrega de um mesmo produto.

Page 9: 05 - C# - componentes visuais v1.0

Menu View

Page 10: 05 - C# - componentes visuais v1.0

Menu View

O menu View apresenta

todas as janelas e caixas

de ferramentas

disponíveis para

visualização no ambiente

de desenvolvimento.

Algumas destas caixas de

ferramentas e janelas

somente são exibidas em

momentos específicos.

Page 11: 05 - C# - componentes visuais v1.0

Formulários (design)

Page 12: 05 - C# - componentes visuais v1.0

Formulários (design)

Por definição, todas as janelas de um sistema recebem o nome de form, que em inglês significa formulário.

No formulário serão criados todos os componentes visuais utilizados pelo usuário para interagir com o sistema.

Page 13: 05 - C# - componentes visuais v1.0

Formulários (código)

Page 14: 05 - C# - componentes visuais v1.0

Formulários (código)

Todos os eventos e

controles realizados pelo

formulário devem ser

programados.

Todo formulário possui dois

modos de exibição:

Design: onde são criados os

componentes visuais.

Code: onde os componentes

visuais são programados para

interagir com o usuário.

Page 15: 05 - C# - componentes visuais v1.0

Toolbox

Page 16: 05 - C# - componentes visuais v1.0

Toolbox

Esta janela é a caixa de ferramentas!

Nela é possível encontrar todos os elementos visuais disponíveis para utilização no projeto, assim como, os elementos personalizados criados pelo usuário.

Para utilizá-la basta selecionar um dos elementos e arrastá-lo para dentro do formulário, utilizando as linhas de grade para posicioná-lo.

Page 17: 05 - C# - componentes visuais v1.0

Properties

Page 18: 05 - C# - componentes visuais v1.0

Properties

Tudo em C# é um objeto e, portanto, possui propriedades (características) e métodos (comportamentos).

Isso se aplica inclusive aos componentes visuais.

Um campo de texto, por exemplo, pode ter sua fonte, tamanho máximo e máscara alterados por meio da janela de propriedades.

Page 19: 05 - C# - componentes visuais v1.0

Events

Page 20: 05 - C# - componentes visuais v1.0

Events

Na janela de propriedades é possível encontrar também a aba Events. Esta aba é responsável por definir os comportamentos de cada componente conforme o tipo de interação realizada pelo usuário.

Por exemplo, é nesta aba que é definido o que será feito após o usuário clicar no botão salvar, ou durante o fechamento acidental de uma tela, etc.

Page 21: 05 - C# - componentes visuais v1.0

Menu Build

Page 22: 05 - C# - componentes visuais v1.0

Menu Build

Após codificação do software é necessário compilar o programa, construí-lo, isso é feito por meio das opções do menu build.

Ao construir o projeto, se não houver erros, um executável é gerado na pasta <sua aplicação>\bin\Debug.

Page 23: 05 - C# - componentes visuais v1.0

Error list

Page 24: 05 - C# - componentes visuais v1.0

Error list

Page 25: 05 - C# - componentes visuais v1.0

Error list

Ao construir o projeto, caso o compilador encontre algum erro ou bloco de código que possa gerar problemas, estas situações serão exibidas na janela Error list.

Errors: são problemas que devem ser corrigidos por impedem a construção.

Warnings: são possíveis problemas, porém, que não impedem a contrução.

Page 26: 05 - C# - componentes visuais v1.0

Menu Debug

Page 27: 05 - C# - componentes visuais v1.0

Menu Debug

Para facilitar o rastreio de erros no projeto, existe a opção e construção em modo debug que permite a análise de erros em tempo de execução.

Start Debugging: constrói e abre o projeto com a verificação de erros em tempo real ativada.

Start Without Debugging: apenas constrói e abre o projeto. É a opção mais rápida para testes de fluxo.

Page 28: 05 - C# - componentes visuais v1.0

Breakpoint

Page 29: 05 - C# - componentes visuais v1.0

Breakpoint

Page 30: 05 - C# - componentes visuais v1.0

Breakpoint

Como o próprio nome sugere, é um ponto de parada, um local onde a execução será interrompida para análise.

Ao criar um breakpoint, quando a linha selecionada for executada, será possível verificar o valor das variáveis e continuar a execução do projeto analisando linha a linha.

Page 31: 05 - C# - componentes visuais v1.0

Breakpoint

Page 32: 05 - C# - componentes visuais v1.0

Breakpoint

Os atalhos para acompanhamento de um breakpoint são:

Step into (F11): executa a próxima linha entrando no próximo bloco, por exemplo um if, else, while, for, etc.

Step over (F10): executa a próxima linha passando por fora do próximo bloco de código.

Step out (SHIFT + F11): sai do breakpoint retornando a execução normal do programa.

Page 33: 05 - C# - componentes visuais v1.0

Agradecimentos

Find Icons

http://findicons.com

Iconfinder

https://www.iconfinder.com

Page 34: 05 - C# - componentes visuais v1.0

Dúvidas?

Page 35: 05 - C# - componentes visuais v1.0

César Augusto Pessôa

[email protected]

Page 36: 05 - C# - componentes visuais v1.0