WINDOWS FORMS APPLICATION - Aplicação (Programa) que não usa a CONSOLE

Transcrição

1 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

2 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).

3 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 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!.

4 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 Name Text StartPosition VALOR situaçãoaluno Situação do Aluno 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.

5 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 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. TextBox Name = nota1 TextBox Name = nota2 TextBox Name = nota3 Button Name = Verificar Text = Verificar Situação 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.

6 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";

7 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?

8 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, 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 Name Text StartPosition VALOR ConversaoTemperaturas Conversão de Temperaturas 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. 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.

9 TextBox Name = Temperatura ComboBox Name = Opcao Items = Celsius para Fahrenheit Fahrenheit para Celsius Celsius para Kelvin...os outros... Text = Escolha uma opção 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;

10 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) case 0: // Celsius para Fahrenheit calculo = temperaturadigitada * ; case 1: // Fahrenheit para Celsius calculo = (temperaturadigitada - 32) / 1.8; case 2: // Celsius para Kelvin calculo = temperaturadigitada ; case 3: // Kelvin para Celsius calculo = temperaturadigitada ; case 4: // Fahrenheit para Kelvin calculo = (temperaturadigitada ) / 1.8; case 5: // Kelvin para Fahrenheit calculo = temperaturadigitada * ; default: // Nenhum tipo de conversão selecionado na lista calculo = 0; Se preferir, use IF / ELSE IF no lugar do SWITCH if (itemescolhido == 0) calculo =... else if (itemescolhido == 1) calculo =......completar... else if (itemescolhido == 5) calculo =... else calculo = 0; 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.

11 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()?