Você está na página 1de 11

WINDOWS FORMS APPLICATION

- Aplicação (Programa) que não usa a CONSOLE –


Uso de ELEMENTOS GRÁFICOS

1. Introdução.

Uma Aplicação Windows Forms consiste em programas GRÁFICOS fundamentados no conceito de JANELAS
que, no Visual Studio, são tratadas como FORMS.

Para criar uma Aplicação Windows Forms escolha esta opção no lugar de Console Application
Note na figura a seguir que o projeto será criado já contendo uma janela (chamada Form1, por padrão).

A aba Toolbox contém os elementos gráficos (controles) que podem ser adicionados à janela (ao form).
Para inserir um determinado elemento gráfico (controle) na janela (form) basta clicar sobre ele e arrastá-lo
para o formulário (janela).

Arraste o elemento LABEL para o formulário:

Os elementos gráficos possuem uma série de PROPRIEDADES que


podem ser configuradas/alteradas. Altere a propriedade TEXT do
elemento LABEL para “Exemplo simples de Aplicação Windows
Forms”.

Altere aqui a TEXT do LABEL

A seguir, arraste o Label para a parte central do


formulário.

Agora clique na barra de título do formulário


para selecioná-lo.

Altere a propriedade TEXT do


formulário para “OLA!”.
Execute normalmente a aplicação! Veja o resultado (formulário na tela do computador).

Faça testes, note que os botões maximizar e


minimizar funcionam normalmente (afinal é uma janela
Windows). Note também que é possível redimensionar a
janela arrastando as bordas. Para fechar o programa, feche
a janela clicando no botão correspondente.

2. Formulário e Objetos Básicos – Exercício de Aprendizagem 1

Exercício de Aprendizagem: vamos nos familiarizar com os conceitos básicos de formulário e controles
construindo uma aplicação para: receber três notas de um aluno, calcular e mostrar a média aritmética e a
mensagem correspondente:

- Média aritmética entre 0,0 e 3,0  Reprovado


- Média aritmética entre 3,0 (inclusive) e 7,0 Exame final
- Média aritmética entre 7,0 (inclusive) e 10  Aprovado

a) Criar um novo projeto do tipo Windows Forms Application.

b) Defina as seguintes propriedades para o FORMULÁRIO:

PROPRIEDADE VALOR
Name situaçãoAluno
Text Situação do Aluno
StartPosition CenterScreen

Obs.: a propriedade “Name” indica o nome (um identificador) do objeto/elemento/controle (neste


caso é o nome do próprio formulário, não confunda com a propriedade “Text”). O nome (o name)
dado a um objeto/elemento/controle qualquer do formulário deve ser utilizado quando um programa
quiser fazer referência a este objeto/elemento/controle no código.
c) Adicione objetos conforme a figura a seguir (você pode arrastar as alças de redimensionamento ou bordas
do formulário para aumenta-lo).

Obs.: vamos usar a Toolbox para inserir os elementos gráficos (controles) à janela/formulário (form).

- Você pode adicionar os 3 label fazendo 3 x “2 cliques” sobre “Label” na Toolbox.


- Você pode adicionar os 3 textbox fazendo 3 x “2 cliques” sobre “TextBox” na Toolbox.
- Você pode adicionar o button fazendo 1 x “2 cliques” sobre “Button” na Toolbox.

Sugerimos que, primeiramente, você inclua todos os objetos do formulário, fazendo 2 cliques sobre os
nomes correspondentes e, depois, configure as propriedades de cada um deles, conforme indicado na
figura a seguir.

Label TextBox
Name = nota1

Label TextBox
Name = nota2
Label
TextBox
Name = nota3

Button
Name = Verificar
Text = Verificar Situação

Label
Name = resultado
Text =
Font / Size = 20

A aplicação (programa) deve funcionar da seguinte maneira:


1- O usuário preenche os campos 1ª Nota, 2ª Nota e 3ª Nota.
2- O usuário clica no botão “Verificar Situação”.
3- Neste momento (momento do clique), um programa deve fazer o cálculo da média aritmética das
três notas informadas e verificar qual mensagem (texto) deve ser apresentada no label de nome
“resultado” (Aprovado – média 7 ou superior, Prova Final – média entre 5 e 7, Reprovado – média
abaixo de 5).

Pela descrição acima, podemos concluir que o código indicado no item 3 deve ser executado no
EVENTO CLICK do botão “Verificar Situação”, ou seja, quando o botão for clicado pelo usuário.
d) Primeiro código do evento click do botão “Verificar Situação”:

LER os valores das notas digitados pelo usuário (Entrada de Dados)

Para digitar o código a ser executado no EVENTO CLICK de um determinado objeto basta dar dois cliques
sobre o objeto. O Visual Studio abrirá o local para digitação do código correspondente.

Dê dois cliques no botão “Verificar Situação” e inclua o código a seguir.

?!
private void verificar_Click(object sender, EventArgs e)
{
double n1Digitada, n2Digitada, n3Digitada;

n1Digitada = double.Parse(nota1.Text);
n2Digitada = double.Parse(nota2.Text);
n3Digitada = double.Parse(nota3.Text);
?!
}

e) Segundo código do evento click do botão “Verificar Situação” (continuação do primeiro código):

CALCULAR a média das notas que foram lidas pelo programa (Processamento)

private void verificar_Click(object sender, EventArgs e)


{
double n1Digitada, n2Digitada, n3Digitada;

n1Digitada = double.Parse(nota1.Text);
n2Digitada = double.Parse(nota2.Text);
n3Digitada = double.Parse(nota3.Text);

double media;
media = (n1Digitada + n2Digitada + n3Digitada) / 3;
}

f) Terceiro código do evento click do botão “Verificar Situação” (continuação do segundo código):

VERIFICAR qual mensagem deve ser apresentada e MOSTRA-LA no LABEL (Processamento e Saída)

private void verificar_Click(object sender, EventArgs e)


{
double n1Digitada, n2Digitada, n3Digitada;

n1Digitada = double.Parse(nota1.Text);
n2Digitada = double.Parse(nota2.Text);
n3Digitada = double.Parse(nota3.Text);
double media;
media = (n1Digitada + n2Digitada + n3Digitada) / 3;

if (media >= 7)
resultado.Text = "APROVADO";
else if (media >= 5 && media < 7)
resultado.Text = "PROVA FINAL"; ?!
else
resultado.Text = "REPROVADO";
}
g) Execute a aplicação, informe três notas, clique no botão Verificar Situação e veja o resultado.

h) Qual o significado e a função dos fragmentos de código apontados pelas setas azuis e mostrados abaixo?
verificar_Click ?

nota1.Text
nota2.Text
nota3.Text ?

resultado.Text ?
3. Formulário e Objetos Básicos – Exercício de Aprendizagem 2

Exercício de Aprendizagem: vamos continuar a nos familiarizar e fixar os conceitos básicos de formulário e
controles construindo uma aplicação para converter temperaturas. A figura a seguir mostra as fórmulas de
conversão que o programa deverá realizar.

DE PARA FÓRMULA DE CONVERSÃO


Celsius Fahrenheit F = C x 1,8 + 32
Fahrenheit Celsius C = (F – 32) / 1,8
Celsius Kelvin K = C + 273,15
Kelvin Celsius C = K – 273,15
Fahrenheit Kelvin K = (F + 459,67) / 1,8
Kelvin Fahrenheit F = K x 1,8 – 459,67

a) Criar um novo projeto do tipo Windows Forms Application.

b) Defina as seguintes propriedades para o FORMULÁRIO:

PROPRIEDADE VALOR
Name ConversaoTemperaturas
Text Conversão de Temperaturas
StartPosition CenterScreen

LEMBRE-SE: a propriedade “Name” indica o nome (um identificador) do objeto/elemento/controle


(neste caso é o nome do formulário, não confunda com a propriedade “Text”). O name deve ser
utilizado quando um programa quiser fazer referência a um objeto.

c) Adicione objetos conforme a figura a seguir (você pode arrastar as alças de redimensionamento ou bordas
do formulário para aumenta-lo).

Obs.: você pode adicionar os 3 labels fazendo 3 x “2 cliques” sobre “Label”. Sugerimos que,
primeiramente, você inclua todos os objetos do formulário, fazendo 2 cliques sobre os nomes
correspondentes e, depois, configure as propriedades de cada um deles, conforme indicado na figura.
Label TextBox
Name = Temperatura

Label ComboBox
Name = Opcao
Items = Celsius para Fahrenheit
Fahrenheit para Celsius
Celsius para Kelvin
.......os outros............
Text = Escolha uma opção
Label

Button
Name = Converter
Text = Converter

TextBox
Name = Resultado
ReadOnly = True

A aplicação (programa) deve funcionar da seguinte maneira:


1- O usuário preenche o campo Temperatura.
2- O usuário escolhe a conversão desejada.
3- O usuário clica no botão Converter.
4- Neste momento (momento do clique), um programa deve fazer a conversão e apresentar o
resultado do cálculo no campo Resultado (conforme a temperatura e a opção de conversão escolhida).

Pela descrição acima, podemos concluir que o código indicado no item 4 deve ser executado no
EVENTO CLICK do botão “Converter”, ou seja, quando o botão for clicado.

d) Primeiro código do evento click do botão Converter:

LER o valor de temperatura digitado pelo usuário e a opção de conversão escolhida (Entrada de Dados)

Para digitar o código a ser executado no EVENTO CLICK de um determinado objeto basta dar dois cliques
sobre o objeto. O Visual Studio abrirá o local para digitação do código correspondente.

Dê dois cliques no botão Converter e inclua o código a seguir.

?!
private void Converter_Click(object sender, EventArgs e)
{
double temperaturaDigitada;
int itemEscolhido; ?!
temperaturaDigitada = double.Parse(Temperatura.Text);
itemEscolhido = Opcao.SelectedIndex;
}
?!
e) Segundo código do evento click do botão Converter:

Fazer o CÁLCULO de conversão da temperatura conforme a opção escolhida pelo usuário


(Processamento).

Adicione o seguinte código ao evento click.

private void Converter_Click(object sender, EventArgs e)


{
double temperaturaDigitada;
int itemEscolhido;

temperaturaDigitada = double.Parse(Temperatura.Text);
itemEscolhido = Opcao.SelectedIndex;

// Abaixo o código a ser adicionado:


double calculo;

switch (itemEscolhido)
{ Se preferir, use
case 0: // Celsius para Fahrenheit IF / ELSE IF
calculo = temperaturaDigitada * 1.8 + 32;
break;
no lugar do SWITCH
case 1: // Fahrenheit para Celsius
calculo = (temperaturaDigitada - 32) / 1.8; if (itemEscolhido == 0)
break;
calculo = .....
case 2: // Celsius para Kelvin
calculo = temperaturaDigitada + 273.15; else if (itemEscolhido == 1)
break; calculo = .....
case 3: // Kelvin para Celsius ..............completar...........
calculo = temperaturaDigitada - 273.15;
break; else if (itemEscolhido == 5)
case 4: // Fahrenheit para Kelvin calculo = .....
calculo = (temperaturaDigitada + 459.67) / 1.8; else
break;
case 5: // Kelvin para Fahrenheit calculo = 0;
calculo = temperaturaDigitada * 1.8 - 459.67;
break;
default: // Nenhum tipo de conversão selecionado na lista
calculo = 0;
break;
}
}

f) Terceiro código do evento click do botão Converter:

Para concluir, é necessário exibir o resultado na caixa de texto (textBox) chamada Resultado.

Adicione o seguinte código ao evento click (após a instrução switch, claro!).

?! ?!
Resultado.Text = calculo.ToString();

g) Execute a aplicação, digite uma temperatura, escolha um tipo de conversão, clique no botão Converter e
veja o resultado.
h) Qual o significado e a função dos cinco fragmentos de código apontados pelas setas azuis?
Converter_Click ?

Temperatura.Text ?

Opcao.SelectedIndex ?

Resultado.Text ?

calculo.ToString() ?

Você também pode gostar