Tutorial de Visual Basic
Transcripción
Tutorial de Visual Basic
Tutorial 1o projeto em VB.net Grupo de Educação Tutorial da Engenharia Computacional Minicursos GET Computacional 25 de junho, 2012 GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 1/57 Resumo do Tutorial: *Breve histórico *Baixar e Instalar o Visual Studio 2008 Express Edition *Conhecendo o Ambiente *Desenvolvendo o seu primeiro projeto (Calculadora Estatı́stica) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 2/57 Visual Basic.NET é uma linguagem de programação orientada a objetos criada pela Microsoft e distribuı́da com o Visual Studio .NET. O Visual Basic.NET é um produto tão diferente do antigo Visual Basic 6.0, que não pode ser considerado uma versão seguinte, tendo como caracterı́stica marcante o uso de assistentes para criação de seus códigos. Da mesma maneira que o Java precisa de uma Máquina Virtual para funcionar, os aplicativos .NET necessitam da .NET Framework instalada. Aqui iremos usar o VB 9 para criar uma calculadora estatı́stica simples que seja capaz de calcular Média, Desvios da Média, Quadrado dos Desvios, Soma dos Quadrados dos Desvios, Variância, Desvio Padrão. GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 3/57 Histórico do Visual Básic: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 4/57 O que mudou do VB 6 para o VB.net: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 5/57 Baixe o Visual Studio 2008 Express Edition http://www.baixaki.com.br/download/visual-basic-2008express-edition.htm GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 6/57 Abra o Executavel ”vbsetup.exe” GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 7/57 Clique em Next GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 8/57 Aceite os termos e clique em Next GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 9/57 Marque todas as caixinhas e clique em Next GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 10/57 Clique em Install. (30min) (provavelmente vai reiniciar) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 11/57 Abra o programa: Microsoft Visual Basic 2008 Express Edition. Essa é a tela inicial: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 12/57 Clicamos em “File * New Project...”; Escolhemos a opção “Windows Forms Application”; Digitamos “LabFisica1” para o “Name”; Clicamos em “Ok”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 13/57 Pronto, agora temos um projeto: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 14/57 A primeira coisa que vamos fazer é salvar definitivamente o nosso projeto: Clique em “Save all”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 15/57 Deixa do jeito que está e clica em “Save”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 16/57 Conhecendo o ambiente de trabalho: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 17/57 DESENVOLVIMENTO DA CALCULADORA ESTATÍSTICA: -Com o Objeto ”Form1”selecionado, vamos editar algumas propriedades: *(Name) : formCalculadora * Size : 500; 500 *Text : Calculadora GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 18/57 Adicione 10 “TextBox”, e posicione-os respectivamente um embaixo do outro: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 19/57 Agora, adicione 10 “Label”, e posicione-os respectivamente um embaixo do outro: (Alinhandos com os TextBox) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 20/57 Mude a propriedade “Name” de todos os TextBox para: “TXT1”, “TXT2”, “TXT3”, “TXT4”, ... (Respectivamente) Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 21/57 Analogamente, mude a propriedade “Name” de todos os respectivos LABEL para: “LBL1”, “LBL2”, “LBL3”, “LBL4” ... Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 22/57 Agora, vamos trocar a propriedade “Text” de cada Label para: “Valor 1:” , “Valor 2:” , “Valor 3:” “Valor 4:” ... Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 23/57 Adicione um “Button” GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 24/57 Mude as seguintes propriedades do Botão: *Name: btMEDIA *Size: 200; 23 *Text: Média Simples GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 25/57 Selecione esse botão e copie e cole (Ctrl + C e Ctrl + V) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 26/57 Agora Mude as seguintes propriedades desse 2o Botão: *Name: btDESVIOS *Text: Desvios da Média Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 27/57 Selecione esse botão e copie e cole (Ctrl + C e Ctrl + V) Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 28/57 Agora Mude as seguintes propriedades desse 3o Botão: *Name: btDESVIOSaoQUADRADO *Text: Quadrados dos Desvios GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 29/57 Selecione esse botão e copie e cole (Ctrl + C e Ctrl + V) Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 30/57 Agora Mude as seguintes propriedades desse 4o Botão: *Name: btSOMAdosQUADRADOS *Text: Soma dos Quadrados dos Desvios GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 31/57 Selecione esse botão e copie e cole (Ctrl + C e Ctrl + V) Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 32/57 Agora Mude as seguintes propriedades desse 5o Botão: *Name: btVARIANCIA *Text: Variância GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 33/57 Selecione esse botão e copie e cole (Ctrl + C e Ctrl + V) Ex.: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 34/57 Agora Mude as seguintes propriedades desse 6o Botão: *Name: btDESVIOPADRAO *Text: Desvio Padrão (“Save” e “Save all”) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 35/57 Inicializando as TextBox todas com “0” através das propriedades Text GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 36/57 Criamos um TextBox para imprimirmos o resultado nele GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 37/57 Renomeamos esse TextBox1 de resultados para: TXTresultado GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 38/57 Clique com o botão direito e vá em ”View Code”(ver código) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 39/57 Vamos criar um array de modo que cada ı́ndice do array contenha o valor da respectiva TextBox GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 40/57 Agora voltamos no modo Design através das abas GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 41/57 Dê 2 cliques sobre botão “Média Simples” (e observe que voltaremos aos códigos) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 42/57 No Evento Click Do Botão ”Média Simples”escreva: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 43/57 E, agora vamos montar a “funcaoMEDIA()” que foi chamada no evento Click do botão: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 44/57 Agora voltamos no modo Design através das abas, damos 2 cliques sobre botão “Desvios da Média”, e colamos o seguinte código no evento Click do Botão “Desvios da Média” (btDESVIOS) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 45/57 E, agora vamos montar a “funcaoDESVIOS()” que foi chamada no evento Click do botão “Desvios da Média”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 46/57 E, agora vamos montar a “ImprimeArray” que foi chamada no evento Click do botão “Desvios da Média”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 47/57 Agora voltamos no modo Design através das abas, damos 2 cliques sobre botão “Quadrados dos Desvios”, e colamos o seguinte código no evento Click desse Botão (btDESVIOSaoQUADRADO): GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 48/57 E, agora vamos montar a “funcaoDESVIOSaoQUADRADO()” que foi chamada no evento Click do botão “Quadrados dos Desvios”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 49/57 Agora voltamos no modo Design através das abas, damos 2 cliques sobre botão “Soma dos Quadrados dos Desvios”, e colamos o seguinte código no evento Click desse Botão (btSOMAdosQUADRADO): GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 50/57 E, agora vamos montar a “funcaoSOMAdosQUADRADOS()” que foi chamada no evento Click do botão “Soma dos Quadrados dos Desvios”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 51/57 Agora voltamos no modo Design através das abas, damos 2 cliques sobre botão “Variância”, e colamos o seguinte código no evento Click desse Botão (btVARIANCIA): GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 52/57 E, agora vamos montar a “funcaoVARIANCIA()” que foi chamada no evento Click do botão “Variância”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 53/57 Agora voltamos no modo Design através das abas, damos 2 cliques sobre botão “Desvio Padrão”, e colamos o seguinte código no evento Click desse Botão (btDESVIOPADRAO): GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 54/57 E, agora vamos montar a “funcaoDESVIOPADRAO()” que foi chamada no evento Click do botão “Desvio Padrão”: GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 55/57 Agora voltamos no modo Design através das abas, e clicamos no Botão ”Start Debugging”(Play) GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 56/57 Fontes: http://pt.wikipedia.org/wiki/VisualB asic. N ET http : //pt.wikipedia.org/wiki/V isualB asic http : //www.macoratti.net/ http : //social.msdn.microsof t.com/F orums/pt − BR/vsvbasicpt/threads GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 57/57