Comunicação com usuário do seu programa: A interface do usuário
Nesta lição, você aprenderá o que é uma interface do usuário (UI), o que são controles e como adicionar controles a uma interface do usuário.
Nos primórdios dos computadores pessoais, os usuários interagiam com os programas principalmente por meio de uma linha de comando.Um programa era iniciado e, em seguida, fazia uma pausa para receber entrada do usuário antes de continuar.A maioria dos programas em uso hoje, no entanto, são executados em uma ou mais janelas.Essas janelas permitem que o usuário se comunique, por meio da interface, com o programa, digitando, clicando em botões, escolhendo itens de menus predefinidos e assim por diante.Nesta e nas lições posteriores, você aprenderá a criar suas próprias interfaces do usuário baseadas no Windows.
Usando formulários
Formulários são os blocos de construção básicos para a interface do usuário.Cada formulário em seu programa representa uma janela que aparece para os usuários.Ao trabalhar no IDE (ambiente de desenvolvimento integrado) do Visual Basic, um formulário é o designer que você use para projetar a interface do usuário do seu aplicativo, da mesma forma que você usaria o Windows Paint para desenhar uma figura.
Os controles são usados no designer para criar a aparência da sua interface do usuário.Um controle é um objeto que tem aparência e comportamento predefinidos.Por exemplo, um controle Button parece e se comporta como um botão para apertar. Quando um usuário clicá-lo, a aparência dele muda para mostrar que ele foi pressionado.
Cada controle no Visual Basic possui seu próprio objetivo.Por exemplo, um controle TextBox é usado para inserir texto, enquanto que um controle PictureBox é usado para exibir imagens.Há mais de cinquenta diferentes controles incluídos no Visual Basic. Você também pode criar seus próprios controles conhecidos como controles do usuário.Você aprenderá mais sobre cada tipo de controle nas lições posteriores.
Ao projetar sua interface do usuário, você arrasta controles da Toolbox, solta-os em um formulário e em seguida, os posiciona e redimensiona para criar a aparência desejada.Você pode depois alterar a aparência definindo propriedades de formulários e controles na janela Properties.Por exemplo, os formulários e a maioria dos controles possuem uma propriedade BackColor que é usada para definir suas cores de plano de fundo.
Propriedades também são usadas para definir o comportamento de um formulário ou controle.Por exemplo, a propriedade ShowInTaskbar de um formulário determina se o formulário será exibido na barra de tarefas Windows quando o programa estiver sendo executado.Usando propriedades, você pode personalizar a aparência e comportamento da sua interface do usuário.
Tente-o!
Para alterar as propriedades de um formulário
On the Arquivo menu, clicar Novo projeto.
Na caixa de diálogo Novo Projeto , no painel de Templates, clique em Windows Application .
Na caixa Name digite FirstForme clique em OK.
Um novo projeto Windows Forms é criado.Um novo formulário aparece na janela principal e suas propriedades são visíveis na janela Properties no canto inferior direito do IDE do Visual Basic.
Clique no formulário para selecioná-lo.
Na janela Properties, altere a propriedade Text para "My First Form" e pressione ENTER.
O texto na parte superior do formulário muda depois de você inserir o novo valor.
Na janela Properties, altere a propriedade BackColor para uma cor diferente selecionando uma cor da lista suspensa.
Observe que a propriedade BackColor é alterada por meio de uma interface especial.Essa interface permite que você veja a cor antes de selecioná-la e permite que você escolha entre cores usadas no momento pelo seu sistema, cores padrão da Web ou uma seleção de cores mais personalizada.Você pode também apenas digitar o nome da cor (por exemplo, Red) na caixa na janela Properties.
Experimente mudar outras propriedades do formulário.Quando você estiver pronto, continue com o próximo procedimento.
Adicionar os controles ao formulário
Nesse procedimento, você adicionará controles ao formulário, selecionando o controle na janela ToolBox, normalmente localizada no lado esquerdo do IDE do Visual Basic e, em seguida, arrastando o controle ao formulário.Em seguida, você irá ajustar as propriedades dos controles.
Para adicionar controles ao formulário
Da Toolbox, arraste um controle Button, um controle TextBox, um controle Label e finalmente um controle CheckBox para o formulário.
Selecione o controle Button e arraste-o pelo formulário para alterar sua localização.
Observe como as diretrizes aparecem quando você o arrasta para perto de outros controles.Essas diretrizes podem ajudar você a posicionar os controles corretamente.
Repita o processo com os outros controles até que a aparência da interface do usuário esteja como desejado.
Selecione o controle Button e em seguida, arraste a alça de dimensionamento no seu canto inferior direito para alterar seu tamanho.
Dedique algum tempo experimentando as propriedades de controle.Clique em cada controle no formulário para selecioná-lo e altere algumas de suas propriedades na janela Properties.As propriedades que você deveria tentar alterar são Font, BackColor, ForeColor e Text.Para obter mais informações, consulte Examinar mais detalhadamente: Noções básicas sobre o layout de controle.
Pressione F5 para executar o programa.Uma janela aparece com os controles que você acabou de adicionar.Observe que você pode clicar no botão, marcar e desmarcar a caixa de seleção e digitar na caixa de texto.
Próximas etapas
Nesta lição, você aprendeu a criar um formulário e adicionar controles nele.Você também aprendeu como alterar as propriedades de formulários e controles na janela Properties.Nas próximas lições, você terá uma visão mais aprofundada sobre alguns dos controles.
Próxima Lesson: Interação com o usuário: Usando botões
Consulte também
Conceitos
Examinar mais detalhadamente: Noções básicas sobre propriedades, métodos e eventos
Outros recursos
Criando a aparência do seu programa Visual: Introdução ao Windows Forms