Etapa 5: Adicionar controles ao seu formulário

Nesta etapa, você pode adicionar controles, sistema autônomo, por exemplo, um PictureBox do e controle de caixa de seleção , ao seu formulário. Você então Adicionar botões ao formulário.

Para adicionar controles ao formulário

1. Ir para a caixa de ferramentas e Expandir o Agrupamento de Controles Comum. Mostra os controles mais Comum que você vê em formulários.

2. Clicar duplo o PictureBox Controle. O IDE adiciona um PictureBox Controle ao seu formulário. Porque o TableLayoutPanel está encaixado para Preenchimento o formulário, o IDE adiciona o PictureBox Controle para Primeiro célula Vazio.

3. Clicar no triângulo preto em novos de PictureBox controle exiba sua lista de Tarefa, conforme mostrado na figura a seguir.

   Tarefas de PictureBox

   

   Observação
   Se você adicionar o tipo de controle incorreto acidentalmente sua TableLayoutPanel, você poderá excluí-lo. Clique clicar com clicar com o clicar com o botão direito do mouse no controle e, De seguida, clique De Apagar no menu. Você também pode Selecione de Voltar de menu Editar para remover os controles do formulário.

4. Clicar no Vincular de Encaixar Recipiente pai. Isso define automaticamente PictureBox Encaixar propriedade de de preenchimento. Para ver isso, Clicar no PictureBox Controle para selecioná-lo, Ir para a janela de Propriedades e certifique-se de que a propriedade do Encaixar está definido como de preenchimento.

5. Verifique o PictureBox abrangem as duas colunas, alterando a propriedade do ColumnSpan . Selecione o PictureBox do e Conjunto sua propriedade ColumnSpan 2 . Além disso, quando o PictureBox está Vazio, você deseja mostrar uma Quadro Vazio. Conjunto sua propriedade BorderStyle Fixed3D .

6. Adicione o controle de caixa de seleção para o formulário. Clicar Duplo o item de caixa de seleção na caixa de ferramentas para fazer com que o IDE adicionar um Nova CheckBox controle para a próxima célula disponível em sua tabela. Porque um controle PictureBox ocupa as Dois primeiras células, um controle de caixa de seleção é adicionado para a célula inferior Esquerdo. Selecione o Nova CheckBox controle e defina sua propriedade do texto para Alongar, conforme mostrado na figura a seguir.

   Controle TextBox com a propriedade Stretch

   

7. Ir para o Agrupamento de Contêineres na caixa de ferramentas (em que você obteve o controle do TableLayoutPanel ) e Clicar duplo no item de FlowLayoutPanel para adicionar um Nova controle à Último célula em PictureBox. Em seguida, ancorá-la Recipiente pai (ou escolhendo de Encaixar Recipiente pai da lista de Tarefa ou pela configuração de sua propriedade Encaixar de de preenchimento).

   Observação
   Um FlowLayoutPanel é um recipiente que organiza os outros controles em linhas organizadas em ordem. Quando você redimensiona um FlowLayoutPanel, se ele tiver um espaço para formatar Todas seus controles em uma única linha, ele faz isso. Caso contrário, ele organiza em linhas, uma da Outros. Você usará um FlowLayoutPanel para conter quatro botões.

Para adicionar botões

1. Selecione o FlowLayoutPanel que você adicionou. Ir para o do Comum Controles na caixa de ferramentas e Clicar duplo no ícone de botão para adicionar um botão denominado botão1 de para seu FlowLayoutPanel. Repita para adicionar outro botão. O IDE determina que ele já existe um botão denominado botão1 de e chama o Próximo um button2 .

   Observação
   Em Visual Basic os botões são nomeados com uma capitular inicial, portanto, de botão1 para botão1, button2 de é do Button2, e assim por diante.

2. Normalmente, você Adicionar os outros botões usando a caixa de ferramentas. Desta vez Clicar button2 e, em seguida, no menu Editar , Clicar do Copiar (ou Pressionar Ctrl + C). No menu Editar , Clicar Colar (or Pressionar Ctrl+V) para colar uma Copiar do seu botão. Agora colá-lo novamente. O IDE agora adicionou button3 de e de 4 de .

   Observação
   Você pode copiar e colar qualquer controle. O IDE nomeia e coloca os Nova controles de maneira lógica. Se você colar um controle em um recipiente, o IDE escolhe o próximo espaço lógico para a posição.

3. Selecione o primeiro botão e Conjunto sua propriedade do texto de Mostrar uma imagem. Em seguida, defina o texto propriedades o Próximo três botões para Limpar imagem e Conjunto a cor de Segundo plano de Fechar.

4. A próxima etapa é dimensionar os botões e organizá-las assim que eles Alinhar para o lado esquerdo do painel. Selecione o FlowLayoutPanel e examine a propriedade do FlowDirection . Altere-o para que ele tenha Conjunto do RightToLeft. Assim que você fizer isso, sistema autônomo botões devem se alinhem Direito da célula e reverter a ordem para que o botão de Mostrar uma imagem Direito.

   Observação
   Se os botões ainda estão na ordem errada, você pode arrastar os botões em torno de FlowLayoutPanel para reorganizá-los em qualquer ordem. Você pode clicar em um dos botões e Arrastar-a Esquerdo ou Direito.

5. Clicar botão Fechar para selecioná-lo. Isenção pressionada a tecla CTRL e Clicar outras três botões, para que todas elas estão selecionadas. Embora Todas botões estiverem Selecionado, Ir para a janela de Propriedades e Rolar Para Cima até o a propriedade AutoDimensionar. Esta propriedade instrui o botão seja redimensionada automaticamente para acomodar Todas seu texto. Defina-o como true de . Os botões agora devem ser dimensionados apropriadamente e estar na ordem certa. (sistema autônomo desde que todos sistema autônomo quatro botões estiverem Selecionado, você pode Modificar todas sistema autônomo quatro propriedades de AutoDimensionar ao mesmo Hora.) Imagem a seguir mostra os quatro botões.

   Visualizador de imagens com quatro botões

   

6. Agora execute o programa novamente para ver o seu formulário recém-laid Saída. Clicando em botões e a caixa de seleção não faz tudo ainda, mas funcionará em breve.

Para continuar ou revisar

• Para ir para o Próximo tutorial passo, consulte Etapa 6: Nomear os controles de botão.

• Para Retorno à etapa anterior tutorial, consulte Etapa 4: Definir o layout para fora de seu formulário com um controle TableLayoutPanel.