Iniciando no Visual Basic.NET A Microsoft disponibiliza duas versões das suas ferramentas de desenvolvimento, a versão profissional, que integra, em um único ambiente, todas as ferramentas de desenvolvimento para a plataforma.net e as versões Express, que são distribuídas gratuitamente. Para quem está iniciando, ou mesmo os experientes em outras linguagens, e por algum motivo não tenham acesso à versão profissional, podem utilizar a versão Express, que, do ponto de vista de programação, tem os mesmos recursos que a versão profissional. A principal diferença entre as duas versões, a profissional (que se chama Visual Studio) e a Express, é que as versões Express são ferramentas isoladas. Por exemplo, no Visual Studio, num único ambiente você pode desenvolver uma solução que usa tanto o VB.NET como o C#, o que não é possível nas versões Express. Mas, para o nosso objetivo a versão Express é suficiente. Portanto, se ainda não tem o VB 2005 Express Edition, pode fazer o download a partir do sítio http://msdn.microsoft.com/vstudio/express/vb/ Inicie o Visual Basic 2005 Express Edition Vamos ao que interessa Quando o software for carregado pela primeira vez, você verá uma tela parecida com esta: Prof. José Alberto Matioli jan-09 1
Há muitas opções na tela inicial. Mas o que nos interessa no momento é o quadro "Recent Projects", onde podemos criar um novo projeto ou abrir um existente. Nesse quadro é apresentada uma lista dos últimos projetos nos quais você trabalhou, se já trabalhou em algum, além dos links "Open: Project..." e "Create: Project.... Vamos então criar um novo projeto, clicando no link "Create: Project...". Aparecerá então a tela a seguir: Prof. José Alberto Matioli jan-09 2
Inicialmente aparecerá selecionado a opção: "Windows Aplication". Isso significa que você criará um programa que irá rodar em computadores com o sistema operacional Microsoft Windows. Se você observar o campo "Name", na parte inferior da tela, verá que contém o valor "WindowsApplication1". Este é o nome padrão para o seu projeto. Para mudar o nome, dê um clique nesta caixa de texto e altere o nome, como por exemplo, PrimeiroProjeto. Dê um clique no botão "OK" para criar o projeto. Após o projeto ter sido criado, será apresentado o ambiente de desenvolvimento integrado (IDE) do Visual Basic 2005 Express Edition, que deverá se parecer com a imagem a seguir: Prof. José Alberto Matioli jan-09 3
Tão importante como criar, é salvar o seu projeto. Portanto, antes de acrescentar qualquer coisa, vamos salvar o projeto. Na primeira vez que salvarmos o projeto, definiremos a localização dele, nas próximas vezes apenas clicaremos no disquete e ele salvará todas as alterações sem perguntar onde. Para salvar todo o projeto, clique no ícone "Save All" (salvar tudo), na barra de ferramentas, conforme a figura a seguir: Aparecerá a tela a seguir: Prof. José Alberto Matioli jan-09 4
O nome do projeto já vem preenchido, pois você já definiu ao criar o projeto. Mas se desejar poderá salvá-lo com outro nome e para isso basta alterar o nome na caixa de texto "Name". "Location:" refere-se ao local, disco e pasta, onde o projeto será salvo. Se quiser alterar o local poderá clicar no botão "Browse..." e escolher outro local. "Solution Name: " é o nome da solução. Uma solução poderá conter vários projetos. O sistema sugere como nome da solução o mesmo nome do projeto, o que normalmente é adequado se a solução for composta por um único projeto. Finalmente, você poderá marcar, ou desmarcar a caixa "Create directory for solution". Se estiver marcada será criada, dentro da pasta indicada em "Location:", uma nova pasta para armazenar a solução. Esta pasta terá o nome dado à solução na caixa de texto "Solution Name". Dentro da pasta criada para a solução será criada uma pasta para o projeto que você está salvando. Prof. José Alberto Matioli jan-09 5
Formulários Visual Basic.NET O Formulário Default Ao criar um novo projeto, automaticamente aparecerá uma tela vazia, é um formulário. Como ele é criado automaticamente, o chamamos de form default, ou form padrão. Note que ele possui o nome de FORM1.VB. Isto porque o Visual Basic atribui um nome padrão a cada novo objeto que cria com uma numeração sequencial. Esse nome poderá alterá-lo a qualquer momento. Um formulário é a tela que o usuário do programa verá, e interagirá com o programa, quando executá-lo. Imagine-o como uma folha em branco, onde você montará um formulário para o usuário registrar as informações que você deseja coletar. Acredite, você já pode testar seu programa. É claro, ele não fará nada mais que apresentar uma tela vazia, que é o form1. Para rodar o programa pressione F5, ou clique no ícone na barra de ferramentas. Congratulações! Você acaba de criar seu primeiro programa em VB.Net 2005. Prof. José Alberto Matioli jan-09 6
Clique no X Vermelho do formulário para parar a execução do programa. Você então retornará ao ambiente de desenvolvimento. Ao executar o programa, como feito acima, pressionando F5, estamos apenas testando como será o programa e se ele funciona, ou não. Isso porque o Visual Basic possui um ambiente integrado de desenvolvimento (IDE) que nos permite "escrever" os programas e ao mesmo tempo testar seu funcionamento sem ter que gerar o programa final, aquele que você mandaria para o usuário final. Mas não se assuste, tenha em mente apenas que há dois passos na criação de um programa: o projeto, quando você está "escrevendo" o programa e a Depuração (debugging) que é o ato de verificar o funcionamento do programa, testar se não tem falhas. Mas vamos em frente, vamos criar alguma coisa! Antes de iniciarmos a "montagem" de um programa precisaremos de algumas ferramentas. E onde as ferramentas são "guardadas"? Numa caixa de ferramentas (toolbox)! Prof. José Alberto Matioli jan-09 7
Adicionando Controles usando a Toolbox Adicionando um controle a um Formulário Coisas como command buttons (botões de comando), textboxes (caixas de texto) e labels (rótulos) são alguns dos objetos que você pode adicionar a um Form. Eles são conhecidos como controles, e são mantidos na caixa de ferramentas (ToolBox) para facilitar o uso. A Toolbox pode ser encontrada a esquerda da tela. Na figura a seguir, você pode ver o ícone da toolbox próximo ao Form1: Para exibir todas as ferramentas, mova o mouse sobre o ícone da toolbox. Você verá aparecer à seguinte tela, automaticamente: Há cinco categorias de ferramentas disponíveis: Data, Components, Windows Forms, Clipboard Ring e General. A categoria de ferramentas que você usará é a Windows Forms. Para ver as ferramentas, clique nas palavras Windows Forms. Você verá uma longa lista de ferramentas, como mostrado a seguir: Prof. José Alberto Matioli jan-09 8
Como você pode ver, há uma vasta lista de opções! Clique na seta preta para baixo, e role a tela para ver mais. Para esta primeira seção deste curso, apenas usaremos as primeiras da lista: Button, TextBox e Label. Se quiser manter a toolbox visível, clique no ícone alfinete próximo ao X, no topo da lista. Para fechar a toolbox, simplesmente mova o mouse para fora da lista. Prof. José Alberto Matioli jan-09 9
Adicionando uma ferramenta (Controle) ao seu Form Como Adicionar um Controle ao seu Form VB.NET Vamos começar adicionando um textox ao nosso formulário. Com a caixa de ferramentas aberta, faça o seguinte: Localize a ferramenta TextBox Dê um duplo-clique em seu ícone Um textbox será adicionado ao seu form O textebox foi adicionado na parte superior do seu formulário. Para movê-lo, aponte o ponteiro do mouse para ele, pressione o botão esquerdo e mantenha pressionado enquanto arrasta-o para uma nova posição: Note que um pequeno quadrado circunda o textbox. Isto é o controle de redimensionamento. Mova seu mouse sobre um desses quadrados. O ponteiro do mouse muda para um ícone com quatro setas. Pressione o botão esquerdo do mouse e arraste até a posição desejada. O textbox é redimensionado. Faça isso para cada lado do controle, até atingir as dimensões desejadas. Uma coisa que você notará é que você não pode aumentar a altura do textbox, apenas a largura. A razão disso é que, pode default, o textbox permite a digitação de apenas uma linha de texto. Um textbox só permitirá alteração na sua altura se ele for configurado para conter múltiplas linhas de texto. Veremos como fazer isso em breve. Você deve agora ter um textbox no seu formulário parecido com este: Prof. José Alberto Matioli jan-09 10
Crie dois textboxes dando um duplo-clique no ícone textbox na toolbox (ou clique com o botão direito do mouse sobre o textbox, já criado, selecionado e escolha Copiar. Então clique com o botão direito do mouse sobre o Form e escolha Colar) Redimensione-o para o mesmo tamanho do primeiro Alinhe-o um sobre o outro, mantendo um espaço entre eles Tente criar algo parecido como seguinte Adicionando um Label ao seu Form Vamos adicionar alguns labels (rótulo, etiqueta) próximos aos textboxes para que seus usuários saibam para que serve cada um deles. Locolize o controle Label na toolbox Dê um duplo-clique sobre o ícone Um novo label será adicionado ao seu form Ele deve se parecer com este a seguir Prof. José Alberto Matioli jan-09 11
Os controles de redimensionamento (quadrados) estão circundando o label, o que indica que o controle está selecionado. Uma vez que o controle está selecionado você pode redimensioná-lo ou movê-lo. Mova seu label para a esquerda do primeiro textbox Se o label sobrepor o textbox, redimensione-o como fez com os textboxes (você notará que a altura pode ser alterada, ao contrário do textbox) Crie mais dois labels, e posicione-os a esquerda dos textboxes. Você deve agora ter um form parecido com este: Para ver como seu formulário ficará como um programa, clique em Debug > Start na barra de menu. Ou pressione F5 no seu teclado. Prof. José Alberto Matioli jan-09 12
Para parar a execução do programa, você pode: 1. Clicar no X Vermelho no topo do form, a direita; 2. Clicar Debug > Stop Debugging na barra de menu; 3. Pressionar Shift + F5 no seu teclado. OK já conseguiu alguma coisa. Agora temos um formulário com textboxes e labels, algo que se parece com um formulário que as pessoas possam preenchê-lo. Mas esses labels não são descritivos, e nossos textboxes têm um texto default neles. Mas como podemos entrar com nosso próprio texto para os labels, e ter clareza nos textos dos textboxes? Para fazer isso, precisamos entender uma coisa chamada Propriedade (Property). Prof. José Alberto Matioli jan-09 13
Propriedades (Properties) Uma Introdução às Propriedades em VB.NET Eu tenho certeza que você notou a área a direita do ambiente de desenvolvimento, a área com inúmeros textboxes, aqueles com nomes esquisitos como "AccessibleDescription", "AccessibleName", "AccessibleRole". Aquela é a caixa de Propriedades. Clique em qualquer lugar sobre o formulário que não seja sobre um label ou um textbox, algum lugar sobre a área cinza do form. O form deve ter agora os controles de redimensionamento, indicando que o form está selecionado. À direita do ambiente de desenvolvimento deve haver a seguinte caixa de Propriedades: Prof. José Alberto Matioli jan-09 14
Se sua caixa de Propriedades diz Textbox1 Textbox ou Label1 Label então você não selecionou o Form. Clique fora do textbox ou do label até ler na caixa de Propriedades Form1 System.Windows.Forms.Form. O que você está vendo é uma lista das propriedades que um form possui: Name, BackColor, Font, Image, Text, etc. A direita destas propriedades estão os valores delas. Estes valores são os valores default, e podem ser alterados. Vamos alterar o valor da Propriedade Text. Primeiro, você pode querer apresentar a lista de Propriedades numa forma mais acessível. Você pode mostrar a lista de propriedades em ordem alfabética. Para fazer isso, clique sobre o ícone Alphabetic no topo da caixa de Propriedades, como na imagem a seguir: Isso facilita a localização da propriedade. Antes de alterarmos qualquer coisa na caixa de Propriedades, vamos entender o que é uma Propriedade. Prof. José Alberto Matioli jan-09 15
O que é uma Propriedade? Aqueles controles que você adicionou ao form (textboxes e labels), e o próprio form, são conhecidos como objetos. Você pode pensar nos controles como coisas, alguma coisa sólida que você pode pegar e movê-la. Controles (coisas) têm propriedades. Se seu televisor fosse um controle, ele teria propriedades: uma propriedade botão liga/desliga, uma propriedade cor, um propriedade volume, e... Bem, quais outras propriedades você conseguiria identificar em seu televisor? Pense nisso. As propriedades do seu televisor terão valores. O botão Liga/Desliga deverá possuir apenas dois valores Ligado ou Desligado. A propriedade volume poderá possuir uma faixa de valores, de zero até dez, por exemplo. Em VB.NET, você pode alterar uma propriedade de um determinado controle através da caixa de Propriedades. (Você também pode alterar uma propriedade usando códigos de programa, o que você fará muito ainda.) Voltemos ao nosso objeto Form, e as propriedades e valores que ele tem, e vejamos como alterá-las usando a caixa de Propriedades. Alteraremos apenas um destes valores por enquanto o valor da propriedade Text. Portanto, faça isto: Localize a palavra Text na caixa de propriedades, como na imagem abaixo: Text é uma Propriedade de Form1. Não se confunda com a palavra Form1 próxima a palavra Text. Isso tudo significa que o valor corrente da propriedade Text contém o valor Form1. Isto é default, a propriedade Text possuir como valor o nome do objeto. Para alterar para algo seu, faça isto: Clique dentro da área próximo a Text, e apague a palavra Form1 pressionando a tecla backspace no seu teclado Quando Form1 tiver sido apagado, digite as palavras Meu Primeiro Form Prof. José Alberto Matioli jan-09 16
Clique de volta no form propriamente dito (aquele com os labels e textboxes), ou pressione a tecla Enter no seu teclado As palavras Meu Primeiro Form aparecerão em texto branco num fundo azul no topo do form Quando tiver terminado de alterar a propriedade Text, o topo do seu Form se parecerá com isto: Como você pode ver o conteúdo da propriedade text foi para o topo do form, em branco e fundo azul. Portanto a Propriedade Text de um form é para definir o valor que você deseja apresentar na barra de título no topo. Na próxima parte, daremos uma olhada em como alterar as propriedades de labels e textboxes. Prof. José Alberto Matioli jan-09 17
A Propriedade Text A Propriedade Text de um Controle Alterar os valores de algumas propriedades é muito simples. Agora alteraremos a propriedade Text de nossos labels e textboxes. Clique sobre Label1 para que apareça o controlador de redimensionamento, e, portanto selecionar o controle Label1. Examine a caixa de Propriedades para o Label: Você pode ver que o controle Label tem poucas propriedades diferentes do Form. Muitos das propriedades de um Label são iguais as de um Form. A propriedade text de um label faz o que você esperaria que ela fizesse: adiciona texto ao seu label. Iremos fazer isso agora: Com label1 selecionado, clique dentro da área próximo a "Text", e delete a palavra "Label1" pressionando a tecla backspace no seu teclado Digite as palavras "Primeiro nome:" Clique de volta na parte cinza do form, ou pressione a tecla Enter no seu teclado Label1 teve seu texto de face alterado para "Primeiro nome:" Se tiver cometido algum erro de digitação, volte ao primeiro passo e tente novamente Prof. José Alberto Matioli jan-09 18
Seu formulário deve agora estar se parecendo com este: Agora, mude a propriedade text dos outros labels. Mude-os para estes valores: Label2: Sobrenome Label3: Telefone Como podemos ver, os controles não ocupam toda área do form, o que visualmente não é adequado. Podemos redimensionar um form da mesma forma que redimensionamos qualquer outro controle, basta "pegarmos" com o mouse os controles de redimensionamento (aqueles quadradinhos que aparecem na borda) e ajustarmos o tamanho ao nosso gosto. Depois de redimensionado ficou assim: Prof. José Alberto Matioli jan-09 19
Clique em Debug > Start para dar uma olha como está ficando seu programa. Ou pressione F5 no seu teclado. Clique Debug > Stop Debugging para voltar ao ambiente de desenvolvimento. (Ou pressione Shift + F5, ou simplesmente clique no X vermelho no canto superior direito do form.) Exercício Altere a propriedade text dos Textboxes para: Textbox1 = "Digite seu primeiro nome" Textbox2 = "Digite seu sobrenome" Textbox3 = "Digite o telefone" Agora vamos adicionar cores ao nosso form. Prof. José Alberto Matioli jan-09 20
Adicionando Cores Dando vida a seus Forms VB.NET No momento, nosso formulário está um pouco "pálido". Vamos dar mais vida a ele adicionando cores. Alterar a cor de um Form significa alterar uma de suas propriedades - a propriedade BackColor. Portanto clique em qualquer lugar sobre o form, que não seja sobre um textbox ou label. Se fizer certo, deverá ver os controles de redimensionamento contornando o form cinza. A caixa de Propriedades a direita apresentará "Form1", o que indica que você de fato selecionou o form. Quando o Form estiver selecionado você pode alterar suas propriedades. Para alterar a cor do Form, clique na palavra "BackColor" na caixa de Propriedades. A seguir, clique na seta preta a direita, que aponta para baixo.uma lista de opções aparecerá. Prof. José Alberto Matioli jan-09 21
A cor padrão é a que está selecionada - Control. Esta está na Guia System. O conjunto de cores System é o esquema de cores definidas quando o usuário configura seu computador. Por exemplo, você pode usar a caixa de diálogo propriedades de vídeo no Windows XP para definir como menus e botões, por exemplo, se parecerão. Por exemplo, alguém que seja daltônico pode ter sua própria definição de cores para enxergar melhor as coisas na tela. Portanto, se você usar as cores do sistema (System) os usuários daltônicos não terão problema algum para visualizar o seu trabalho. Como você pode ver a imagem acima, você pode escolher as cores para o Active Caption (Barra de títulos da janela). O Active Caption é aquele que você definiu anteriormente quando alterou o texto para "Meu Primeiro Form". No meu computador a Barra de Título (Active Caption) é azul, e o Texto da Barra de Título (Active Caption Text) é branco. No seu computador pode estar diferente. Se quiser escolher uma cor que não faça parte do conjunto de cores System, clique a Guia Custom. Você verá isto: Clique em qualquer uma das cores na paleta e a cor de fundo do seu formulário mudará. Você também pode selecionar a Guia Web. Se fizer isso, verá uma lista de cores indicadas para uso em sistema para a Web. Uma cor para Web é uma cor que seja bem apresentada em um navegador Web, independente de qual computador esteja sendo usado (pelo menos em teoria). Recomenda-se usar cores Web quando estiver desenvolvendo um projeto para rodar na internet. Para mudar a cor dos labels, clique sobre o label para selecioná-lo. Veja a caixa de Propriedades para ver se aparece Label no topo dela. Se sim, você pode prosseguir e mudar a propriedade BackColor do label exatamente como fez para mudar a propriedade BackColor do Form. Prof. José Alberto Matioli jan-09 22
Mude a cor dos outros dois labels de acordo com o seu gosto. Para mudar a cor de mais de um Label ao mesmo tempo, clique sobre um Label para selecioná-lo. Agora, pressione a tecla "Ctrl" no seu teclado e clique sobre outro Label. Você verá que os dois Labels agora possue o controle de redimensionamento ao seu redor. Clique no terceiro Label com a tecla "Ctrl" pressionada, e todos os três Labels serão selecionados. Você pode mudar a propriedade BackColor dos três de uma só vez. Se quiser mudar o tamanho da Fonte dos Labels e Textboxes, selecione um controle. Vamos começar com Label1. Clique sobre Label1 Role a caixa de Propriedades até achar a propriedade Font Clique sobre a palavra "Font" para selecioná-la MS Sans Serif é a fonte default Note que a esqueda da propriedade Font há um cruz ( + ). Isso indica que aquela propriedade é expansível. Clique sobre a cruz para ver o seguinte: Como poder ver, você pode mudar uma série de Propriedade Font daqui: o nome (Name) da fonte, seu tamanho (Size), se ela dever ser Bold ou não, etc. Você pode também clicar sobre a caixa a direita com três pontos. Isto abrirá uma caixa de diálogo onde você pode mudar as propriedades da fonte num único local. Faça as seguintes alterações para os três labels: Font: Arial Font Style: Bold Font Size: 10 Mude a fonte dos três Textboxes para que eles sejam iguais aos labels. Prof. José Alberto Matioli jan-09 23
Quando tiver terminado, deverá ter um formulário que se pareça um pouco mais com um programa de verdade. Agora é hora de salvar seu trabalho, vá para o próximo tópico para ver como fazer isso no VB.Net. Prof. José Alberto Matioli jan-09 24
Salvando seu trabalho Como salvar seus projetos VB.NET Se você der uma olhada no canto superior direito do ambiente de desenvolvimento você verá o Solution Explorer. (Se não vê-lo, clique em View > Solution Explorer.) O Solution Explorer mostra todos os arquivos que fazem parte do seu projeto. (Note que o nome do seu projeto está sendo mostrado no topo da "árvore" - "Meu Primeiro Projeto"). Quando você salvar seu projeto, uma série de outros arquivos serão criados. Se você usar o Widows Explorer você pode ver esses arquivos. Prof. José Alberto Matioli jan-09 25
Se você quiser abrir seu projeto por aqui, deverá dar um duplo clique no arquivo chamado "Primeiro Projeto.vbproj". Em Visual Basic.NET uma grande quantidade de arquivos são criados para cada projeto, ao contrário do Visual Basic 6. Isto devido a natureza Orientada a Objetos do.net. Para salvar seu trabalho use um dos procedimentos a seguir: Clique File > Save All na barra de menus Pressione Ctrl + Shift + S no seu teclado Clique no ícone (conjunto de disquetes) na barra de ferramentas Se você salvar com frequência seu projeto, evita perda caso algo de errado ocorra com seu computador. Prof. José Alberto Matioli jan-09 26
Renomeando um Form no VB.NET Nomes de Form no VB.NET Está chegando a hora de arregaçar as mangas e encarar a programação. Para isso vamos criar um novo projeto. Portanto, se você já está com o VB.NET aberto, você pode se livrar do projeto atual clicando no menu File na barra de menu e escolhendo então Close Project. Você voltará à pagina inicial, Start Page. Clique em "Create: Project... ". Quando abrir a caixa de diálogo, escolha Windows Application. Então mude o nome da aplicação de WindowsApplication1 para Variaveis. Quando você clicar no botão OK, um novo formulário aparecerá. Se olhar no topo da janela Solution Explorer, verá que o nome do projeto mudou para Variaveis. Salve o seu novo projeto. Nesse momento será criada uma pasta com o nome do projeto, ou seja, Variaveis, para colocar todos os arquivos do projeto. Antes de prosseguir, vamos explorar outra característica do VB.Net. Clique sobre o seu Form para selecioná-lo. Então mude a propriedade Name para frmvariaveis. Pressione a tecal Enter no seu teclado para confirmar a mudança do nome, ou apenas clique novamente sobre o form: Prof. José Alberto Matioli jan-09 27
A propriedade Name do seu Form foi agora alterado de Form1 para um nome de sua própria escolha. Agora pressione F5 para executar o projeto, ou clique Debug > Start no menu. Prof. José Alberto Matioli jan-09 28