Vix Blog
No Result
View All Result
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA
NEWSLETTER
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA
No Result
View All Result
Vix Blog
No Result
View All Result

Como construir um aplicativo de calculadora simples no Windows Forms

Carolina by Carolina
19 de julho de 2022
Reading Time: 17 mins read
0
Como construir um aplicativo de calculadora simples no Windows Forms

Saiba como criar um aplicativo de calculadora básico e comece sua jornada de programação com o Windows Forms.

Uma calculadora em cima de formulários de papel

Ao aprender a codificar, pode ser útil ganhar experiência recriando aplicativos que já existem. Um aplicativo iniciante comum com o qual você pode começar é uma calculadora.

Você pode criar um aplicativo de calculadora da área de trabalho usando um projeto do Windows Forms no Visual Studio. Em um aplicativo Windows Forms, você pode clicar e arrastar elementos da interface do usuário para uma tela para visualizar o design da sua calculadora.

MAKEUSEO VÍDEO DO DIA

Você pode adicionar lógica de código aos arquivos C# subjacentes para determinar o que deve acontecer quando o usuário clicar em um botão de número, operador, limpar ou igual.

Como adicionar elementos de interface do usuário à calculadora

Comece criando um novo aplicativo Windows Form no Visual Studio. Em seguida, adicione elementos de interface do usuário à tela para criar a interface do usuário da calculadora.

Como adicionar os botões de número e operador

Adicione botões para representar os números e operadores (+, -, etc.) nos quais o usuário clicará.

  1. Navegue até a tela, que deve estar aberta por padrão. Se não estiver, clique no botão .cs arquivo para o formulário (por exemplo, Form1.cs). Clique no menu suspenso e alterne para o modo de design.
    Botão suspenso para abrir a visualização/tela de design

  2. Na caixa de ferramentas, procure um Botão Elemento de interface do usuário. Clique e arraste um botão para a tela.
  3. Destaque o botão. Na janela de propriedades, altere cada uma das propriedades do botão a seguir para seu novo valor correspondente:
    Propriedade Novo valor
    Nome botão1
    Tamanho 120, 120
    Texto 1
    Um botão adicionado à tela do winforms

  4. Adicione mais 19 botões à tela para representar os outros números, operadores e funções da calculadora.
  5. Para cada botão, realce o botão e altere a propriedade de texto e nome na janela de propriedades. Altere os valores para corresponder ao número ou função do botão.
    Botão Propriedade do nome Propriedade de texto
    2 botão2 2
    3 botão3 3
    4 botão 4 4
    5 botão 5 5
    6 botão 6 6
    7 botão 7 7
    8 botão 8 8
    9 botão9 9
    0 botão0 0
    Adição botãoAdição +
    Subtração botãoSubtração –
    Multiplicação botãoMultiplicação X
    Divisão botãoDivisão ÷
    Ponto decimal botãoDecimal .
    Sinal de igual buttonEquals =
    Colchete direito botãoRightBracket )
    Colchete Esquerdo botãoLeftBracket (
    Claro botão Limpar C
    Limpar entrada botãoLimparEntrada CE
  6. Reorganize a ordem dos botões para replicar a aparência de uma calculadora padrão. Mantenha todos os botões do mesmo tamanho.
    Vários botões de calculadora na tela

  7. Você também pode destacar alguns botões e alterar sua cor para uma de sua escolha, usando o botão Cor de fundo propriedade na janela de propriedades.
  8. Por exemplo, destaque o botão de adição. Vá para a janela de propriedades e encontre o Cor de fundo propriedade. Escolher Prata na lista de opções no menu suspenso. Você pode fazer botões do operador pratae os botões C e CE laranja.
    Menu suspenso BackColor da janela Propriedades e botões na tela com cores diferentes


Como adicionar o rótulo de resultado de saída

Adicione um elemento de interface do usuário de caixa de texto para representar o resultado que a calculadora exibirá para o usuário.

  1. Na caixa de ferramentas, arraste um Elemento de IU do painel na tela.
  2. Realce o painel e encontre o Cor de fundo propriedade na janela de propriedades. Altere isso para branco. Você também pode redimensionar e reposicionar o painel para torná-lo mais parecido com uma calculadora.
    Elemento de interface do usuário do painel branco na tela

  3. Na caixa de ferramentas, arraste um Elemento de interface do usuário TextBox na tela.
  4. Realce a caixa de texto. Na janela de propriedades, altere as seguintes propriedades para o novo valor:
    Propriedade Novo valor
    nome textBoxOutput
    Estilo de borda Nenhum
    Texto 0
    Alinhamento de texto Certo
    Habilitado Falso
    Cor de fundo Branco
  5. Posicione a caixa de texto dentro do painel.
    Elemento de interface do usuário de caixa de texto na tela

Como adicionar a lógica de cálculo

Adicione código para executar a lógica de cálculo quando o usuário clicar nos botões.

  1. Abre o teu .cs arquivo para o formulário (por exemplo, Form1.cs).
  2. Declare uma variável chamada Cálculo atual, no topo da classe. Você pode aprender a criar classes em C# se não estiver familiarizado com elas.
    public partial class Form1 : Form
    {
    private string currentCalculation = "";

    public Form1()
    {
    InitializeComponent();
    }
    }

  3. Abaixo do construtor, crie uma nova função chamada botão_Clique(). Isso será executado toda vez que o usuário clicar em um botão de número (0-9) ou operador (+, -, X, ÷, etc.).
    private void button_Click(object sender, EventArgs e)
    {

    }

  4. Um dos argumentos passados ​​para o botão_Clique() função é o objeto do botão que o usuário clica. Adicione a propriedade text do objeto de botão ao cálculo da string. À medida que o usuário clica nos botões, isso criará uma string para o cálculo, como “22+5-7”.
    private void button_Click(object sender, EventArgs e)
    {
    currentCalculation += (sender as Button).Text;


    textBoxOutput.Text = currentCalculation;
    }

  5. Volte para a tela. Realce cada botão (excluindo os botões C, CE e igual) e navegue até o Janela de eventos. Encontre o Clique evento e selecione o botão_Clique() função. Isso acionará a função para executar quando você clicar no botão.
    Botão realçado mostrando a janela de eventos.  button_Click() está selecionado para o evento Click.


Como calcular o resultado e exibi-lo ao usuário

Crie outra função para calcular o resultado final quando o usuário clicar no botão igual.

  1. Crie uma nova função chamada button_Equals_Click(). Primeiro, você precisará formatar a string para substituir o X e ÷ personagens com * e /. Em seguida, utilize o Calcular() função para calcular o resultado. Exiba o resultado de volta para o usuário.
    private void button_Equals_Click(object sender, EventArgs e)
    {
    string formattedCalculation = currentCalculation.ToString().Replace("X", "*").ToString().Replace("÷", "/");

    try
    {
    textBoxOutput.Text = new DataTable().Compute(formattedCalculation, null).ToString();
    currentCalculation = textBoxOutput.Text;
    }
    catch (Exception ex)
    {
    textBoxOutput.Text = "0";
    currentCalculation = "";
    }
    }

  2. Certifique-se de incluir o bloco try-catch ao redor do Calcular() função para capturar quaisquer entradas inválidas, como “123++7”. Nesse caso, se o usuário inserir um cálculo inválido, o resultado sempre retornará 0.
  3. o Calcular() função faz parte do System.Data namespace. Adicione a instrução using para incluí-la no topo da classe, se ela ainda não estiver lá.
    using System.Data;
  4. Volte para a tela. Realce o botão igual e navegue até o Janela de eventos. Encontre o Clique evento e selecione o button_Equals_Click() função. Isso acionará a função para ser executada quando você clicar no botão igual.
    Evento de clique do Winforms para o botão igual


Como limpar a calculadora

Adicione a funcionalidade para os botões C (Limpar) e CE (Limpar entrada). o Claro botão apagará completamente o cálculo atual. o Limpar entrada O botão apagará apenas o último número ou operador digitado.

  1. Crie outra função chamada button_Clear_Click(). Isso será executado quando o usuário clicar no Claro botão na calculadora. Dentro da função, redefina o cálculo e o valor dentro da caixa de texto de resultados.
    private void button_Clear_Click(object sender, EventArgs e)
    {
    textBoxOutput.Text = "0";
    currentCalculation = "";
    }
  2. Na tela, destaque o Claro botão e navegue até o Janela de eventos.
  3. Encontre o Clique evento. Altere o valor para button_Clear_Click.
    Click evento com a função button_Clear_Click selecionada

  4. Crie outra função chamada button_ClearEntry_Click(). Isso será executado quando o usuário clicar no Limpar entrada botão na calculadora. Dentro da função, remova o último caractere da string de cálculo atual.
    private void button_ClearEntry_Click(object sender, EventArgs e)
    {
    if (currentCalculation.Length > 0)
    {
    currentCalculation = currentCalculation.Remove(currentCalculation.Length - 1, 1);
    }


    textBoxOutput.Text = currentCalculation;
    }

  5. Na tela, destaque o Limpar entrada botão e navegue até o Janela de eventos.
  6. Encontre o Clique evento. Altere o valor para button_ClearEntry_Click.
    Clique no evento com a função button_ClearEntry_Click selecionada


Como executar o aplicativo Calculadora

Você pode executar a calculadora no Visual Studio para testar sua funcionalidade.

  1. Clique no botão de reprodução verde na parte superior do aplicativo Visual Studio.
    Um aplicativo Winforms com o botão play verde realçado

  2. Clique nos botões da calculadora. O cálculo será exibido no espaço em branco na parte superior da calculadora. Pressionando o é igual a botão irá substituí-lo com a resposta. o Claro e Limpar entrada botões também limparão o cálculo ou a entrada.
    Calculadora em tempo de execução

Criando aplicativos de desktop usando Windows Forms

Você pode criar um aplicativo de calculadora da área de trabalho usando um projeto do Windows Forms no Visual Studio. Use a tela e a caixa de ferramentas para arrastar e soltar elementos da interface do usuário para criar o design da calculadora. Adicione sua lógica de código e funcionalidade no código C# por trás dos arquivos.

RELATED POSTS

6 razões pelas quais você pode não querer usar cartões SD com telefones Android

Porquê edificar seu próprio minitripé de câmera usando sentimento 3D

Revendo o aplicativo de respiração personalizada do Breath Hub

Uma calculadora é apenas um dos muitos aplicativos simples para iniciantes que você pode fazer enquanto aprende a codificar. Outros aplicativos iniciantes que você pode criar incluem conversores, gerenciadores de arquivos, jogos de dados ou geradores de sinalizadores. Você pode criá-los do zero usando um aplicativo Windows Forms.

Carolina

Carolina

Related Posts

6 razões pelas quais você pode não querer usar cartões SD com telefones Android
Segurança

6 razões pelas quais você pode não querer usar cartões SD com telefones Android

30 de março de 2023
Porquê edificar seu próprio minitripé de câmera usando sentimento 3D
Segurança

Porquê edificar seu próprio minitripé de câmera usando sentimento 3D

30 de março de 2023
Revendo o aplicativo de respiração personalizada do Breath Hub
Segurança

Revendo o aplicativo de respiração personalizada do Breath Hub

29 de março de 2023
Por que você deve manter seus aplicativos de mídia social atualizados
Segurança

Por que você deve manter seus aplicativos de mídia social atualizados

29 de março de 2023
Os melhores cabos HDMI 8K
Segurança

Os melhores cabos HDMI 8K

29 de março de 2023
Lidando com erros na ferrugem com várias abordagens
Segurança

Lidando com erros na ferrugem com várias abordagens

29 de março de 2023
Next Post
4 especificações de PC que não são tão importantes quanto você pensa

4 especificações de PC que não são tão importantes quanto você pensa

The FBI Warns Crypto Investors to Watch Out for Fraudulent Apps

The FBI Warns Crypto Investors to Watch Out for Fraudulent Apps

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

No Result
View All Result

Últimas Notícias

6 razões pelas quais você pode não querer usar cartões SD com telefones Android

6 razões pelas quais você pode não querer usar cartões SD com telefones Android

30 de março de 2023
Por que Elon Musk vendeu ações da Tesla no valor de bilhões?

Por que Elon Musk quer pausar o desenvolvimento da IA?

30 de março de 2023
Porquê edificar seu próprio minitripé de câmera usando sentimento 3D

Porquê edificar seu próprio minitripé de câmera usando sentimento 3D

30 de março de 2023
O que você pode fazer com um aplicativo remoto de home theater

O que você pode fazer com um aplicativo remoto de home theater

30 de março de 2023
Revendo o aplicativo de respiração personalizada do Breath Hub

Revendo o aplicativo de respiração personalizada do Breath Hub

29 de março de 2023

Categorias

  • Entretenimento
  • Mundo
  • Notícias
  • Segurança
Vix Blog

Somos entusiastas da tecnologia com a missão de ensinar ao mundo como usar e compreender a tecnologia em suas vidas.
SAIBA MAIS »

Entre em contato conosco enviando um e-mail para contato@vixblog.com

Posts recentes

  • 6 razões pelas quais você pode não querer usar cartões SD com telefones Android
  • Por que Elon Musk quer pausar o desenvolvimento da IA?
  • Porquê edificar seu próprio minitripé de câmera usando sentimento 3D

Categorias

  • Entretenimento
  • Mundo
  • Notícias
  • Segurança

Links Importantes

  • Quem Somos
  • Blog
  • Fale Conosco
  • Política de Privacidade
  • DMCA

© 2021 VixBlog - Notícias e dicas para o seu dia dia.

No Result
View All Result
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA

© 2021 VixBlog - Notícias e dicas para o seu dia dia.