Etapa 3: Personalizar a aparência e comportamento

  • Artigo

Na lição anterior, você criou uma interface do usuário adicionando controles ao seu aplicativo.No entanto, nesse momento ele não parece nem funciona como um aplicativo concluído.Nesta lição, você definirá propriedades para controlar a aparência de seus controles usando a janela Properties.

Para uma demonstração de vídeo, consulte Vídeo How to: Criando seu primeiro do programa em Visual Basic.

Para definir as propriedades de seus controles

  1. No Form Designer, selecione o controle Panel.

    A janela Properties no canto inferior direito do IDE exibe todas as propriedades para o controle Panel chamado Panel1.

  2. Na janela Properties, selecione a propriedade Dock e em seguida, clique na seta à direita.Uma pequena janela de seleção de propriedade com várias caixas é exibida.

    Dica:

    O Dock propriedade for localizada sob a Layout categoria.Você pode classificar as propriedades em ordem alfabética, clicando no botão AZ na janela Properties.

  3. Clique na caixa superior na janela de seleção de propriedade para definir a propriedade Dock como Top.O controle Panel expande-se para preencher a parte superior do formulário.

  4. Na janela Properties, clique no sinal de adição (+) próximo à propriedade Size para expandi-la.

    As propriedades Width e Height tornam-se visíveis na janela Properties.

  5. Na janela Properties, observe que a propriedade Height do controle Panel está definida como 100.Altere este valor da propriedade para 50.

  6. No Form Designer, selecione o controle WebBrowser.Na janela Properties, defina sua propriedade Dock como Fill, selecionando a propriedade Dock, clicando na seta à direita e marcando a caixa central na janela de seleção de propriedade.

  7. No Form Designer, selecione o controle Button.

  8. Na janela Properties, selecione a propriedade Text do controle Button.Na coluna à direita, exclua Button1 e substitua-o por Go!.

  9. Redimensione ou realoque qualquer um dos controles e redimensione o formulário de acordo com seu gosto.Por exemplo, você talvez queira aumentar o tamanho do controle TextBox de modo que fique longo o suficiente para exibir uma URL válida.A ilustração a seguir mostra um exemplo de como o aplicativo navegador da Web pode parecer.

    Aplicativo navegador da Web

    Observação:

    O TextBox e Button controles devem permanecer na parte superior da Panel, ou você não poderá vê-los ao executar o aplicativo.

Visão aprofundada

Nesta lição, você definiu várias propriedades que alteraram a aparência dos controles do seu aplicativo.Uma propriedade no Visual Basic representa um atributo de um objeto — neste caso, um controle.Por exemplo, um atributo de um controle Button é o texto que ele exibe.Nesse caso, você definiu a propriedade Text para exibir "Go!".Para saber mais sobre propriedades, consulte Examinar mais detalhadamente: Noções básicas sobre propriedades, métodos e eventos.

As propriedades podem levar muitos tipos diferentes de valores além de texto.Por exemplo, a propriedade Dock usou uma janela de seleção de propriedade para mostrar as opções disponíveis.Outros valores de propriedade podem ser números, uma opção que você seleciona em uma lista ou uma opção verdadeiro-ou-falso.

Se você redimensionou ou realocou um controle, você também definiu propriedades.As propriedades Size e Location determinam o tamanho e o local do controle no formulário.Para ver isso em ação, selecione a propriedade Size na janela Properties e use o mouse para redimensionar o controle.Quando você soltar o mouse, os novos valores Size são exibidos na janela Properties.Para saber mais sobre layout de controle, consulte Examinar mais detalhadamente: Noções básicas sobre o layout de controle.

Além de definir propriedades na janela de Properties, a maioria das propriedades podem ser definidas escrevendo código.Você aprenderá mais sobre como escrever código para definir propriedades em uma lição posterior.

Próximas etapas

Sua interface do usuário está agora concluída!Tudo o que você tem a fazer é adicionar as instruções (também chamadas código) sobre como você deseja que o programa funcione.Na próxima lição, você adicionará uma linha de código para seu programa.

Próxima Lesson: Etapa 4: Adicionar código do Visual Basic

Consulte também

Tarefas

Etapa 1: Criar um projeto no Visual Basic 

Etapa 2: criar uma interface de usuário

Conceitos

Examinar mais detalhadamente: Noções básicas sobre propriedades, métodos e eventos

Outros recursos

Criando seu primeiro programa Visual Basic