05 - C# - componentes visuais v1.0

Post on 15-Apr-2017

94 views 5 download

Transcript of 05 - C# - componentes visuais v1.0

César Augusto Pessôa

Sumário

Objetivos

O ambiente de desenvolvimento

Build

Debug

Componentes visuais

Propriedades

Eventos

Exercícios práticos no Visual Studio

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.

Start Page

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.

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

Solution Explorer

Arquivos e pastas

do projeto

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.

Menu View

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.

Formulários (design)

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.

Formulários (código)

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.

Toolbox

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.

Properties

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.

Events

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.

Menu Build

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.

Error list

Error list

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.

Menu Debug

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.

Breakpoint

Breakpoint

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.

Breakpoint

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.

Agradecimentos

Find Icons

http://findicons.com

Iconfinder

https://www.iconfinder.com

Dúvidas?

César Augusto Pessôa

capfg@hotmail.com