TutorialVisualC_-Danubia

Prévia do material em texto

TUTORIAL VISUAL C++
1) Para instalação do software você pode utilizar o site da Microsoft.
2) Para execução do programa você deve escolher o aplicativo Microsoft Visual C++ Express na 
barra do menu Iniciar
3) A interface inicial do programa é mostrada na Figura 1 abaixo:
Figura 1. Tela inicial do Visual C++.
É indicado a utilização das seguintes barras de ferramenta: Solution Explorer, Toolbox e Properties 
Window. Para encontrar estas barras vá no menu <View> <Other Windows>.
 
4) Abra um novo projeto e escolha Windows Forms Aplication: <File> <New> <Project>.
Figura 2. Tela novo projeto do Visual C++.
Nomeie o projeto como “exercício” no campo Name conforme Figura 2. Um novo projeto com o 
formulário Form1 será aberto conforme Figura3.
 
Figura 3. Tela inicial com Form1 do Visual C++.
Modifique a propriedade Text do formulário: Vá na barra de ferramentas a direita da tela nomeada 
<Properties> e clique em <Text> e digite a legenda ou nome do formulário conforme a Figura 4.
Figura 4. Propriedades do componente Formulário.
Para visualizar as propriedades dos componentes é necessário clicar no componente e verificar se 
no campo superior da janela Properties se ele nomeia na combo o componente de interesse.
Arraste os componentes label, textBox, button e listBox. Estes componentes devem ser arrastados 
da barra de ferramentas <Toolbox> conforme a Figura5.
Figura 5. Arrastando os componentes para o formulário.
A propriedade <Text> dos componentes Label e Button devem ser alterados de acordo com o
programa desenvolvido.
As funções dos componentes citados anteriormente são os seguintes:
Label: Legendas que podem ser colocadas no formulário para auxiliar a compreensão da interface.
Button: Componentes de interface do tipo Botão para execução de rotinas de programação.
TextBox: Componentes tipo Caixa de Texto para inserção de texto ou números na interface. Este 
componente serve para o usuário digitar as entradas do algoritmo.
Listbox: Componentes do tipo lista de textos para visualização de um conjunto de valores.
Ressalta-se que o componente Textbox permite a digitação de números e caracteres, no entanto
internamente as entradas são consideradas texto. Logo é necessário a conversão de texto para
número para efeito de cálculos, bem como a conversão de número para texto para apresentação
do resultado em componente tipo caixa de texto.
Os códigos são geralmente inseridos no evento clique do botão. Botão <Events> da barra Properties
e propriedade <Click>. Um duplo clique na propriedade Click direciona para o código do
formulário. 
No exemplo 1, simula-se as operações básias da calculadora e descreve-se as conversões de tipo
para leitura e escrita de valores em componentes do tipo Textbox. Crie um formulário com os
componentes e legendas (propriedade <text> da barra Properties) de acordo com a Figura 6.
Figura 6. Operações básicas da calculadora. 
Para inserção dos códigos no botão de Soma, Subtração, Multiplicação e Divisão deve-se utilizar os
eventos do componente clicando no botão <Events> na barra Properties. Não esqueça de clicar no
componente botão para acessar os recursos do mesmo na barra Properties. Os eventos são listados
ao clicar no botão com símbolo de raio amarelo conforme destacado a direita na Figura 7.
Figura 7. Acessar eventos dos componentes. 
Confira se ao dar o clique duplo no campo da propriedade Click, o código apresentado confere com
o destacado na Figura8.
Figura 8. Código do evento Click do componente Button1. 
No exemplo o clique do Button1 deve executar a soma dos dois elementos informados nas textbox.
O código para a soma dos componentes é mostrado na Figura 9.
Note que o código acima concatena os dois textos dos componentes textbox. Para conferir a
execução do programa clique no botão <Start Debugging> do menu superior conforme destacado na
Figura 10. O símbolo do botão é o símbolo Play em verde, logo abaixo do menu <Help.
Figura 10. Executando a aplicação pelo botão <Start Debugging>.
A Figura 11 mostra a execução do Formulário.
Figura 11. Execução do clique do botão <+>, soma, no formulário.
Note que ao clicar no botão <+> o código da Figura 8 é executado e apresentado na textbox3. Para
as entradas: danubia e 123, o resultado da soma é <danubia123>. Ou seja, a soma executa a
concatenação de dois textos.
No exemplo a seguir modificaremos o código do botão para realizar a soma numérica dos
componentes digitados nas caixas de texto (textbox).
Figura 12. Código de conversão de tipos para a soma numérica dos componentes das textbox.
Na Figura 12, foram convertidos para float os campos das textbox1 e textbox2 utilizando a função
Convert::ToDouble(variavel). E a conversão para String utiliza-se a
Convert::ToString(variavel).
Obs. note que o C++ diferencia maiuscula de minuscula logo textbox1 é diferente de textBox1.
Execute novamente o debugging para visualizar a soma do botão <+>.