Etapa 4: Definir o layout para fora de seu formulário com um controle TableLayoutPanel

Nesta etapa, você pode adicionar um controle do TableLayoutPanel ao seu formulário.

Para definir o layout do formulário com um controle TableLayoutPanel

1. Ir para o Designer de Formulários do Janelas. Examine o lado esquerdo do formulário e Localizar a Tabulação . Aponte para e pausar sobre a Tabulação e a caixa de ferramentas é exibida. (Ou, no menu de Exibir , Clicar de de caixa de ferramentas).

2. Clicar no sinal de adição próximo ao Agrupamento de contêineres para abri-lo, conforme mostrado no exemplo a seguir Imagem.

   Grupo de contêineres

   

3. Você pode adicionar controles como botões, caixas de seleção e rótulos para seu formulário. Double-click the TableLayoutPanel control in the Toolbox. Quando você fizer isso, o IDE adiciona um controle do TableLayoutPanel ao seu formulário, conforme mostrado no exemplo a seguir Imagem.

   Controle TableLayoutPanel

   

   Observação
   Depois adicionar seu TableLayoutPanel se aparece uma janela dentro de seu formulário com o título do TableLayoutPanel Tarefas, Clicar qualquer lugar do formulário para fechá-lo. Você aprenderá mais sobre essa janela posteriormente no tutorial.

   Observação

   Observe como a caixa de ferramentas se expande para abranger o seu formulário quando você clica em sua Tabulação e fecha Depois você clicar fora dela. Esse é o recurso de Automático-Esconder IDE. Pode ligá-lo ou Desligado para qualquer uma das janelas clicando no ícone de pino no canto superior direito da janela para Alternar Automático Esconder e bloqueá-lo no lugar. O ícone de pino aparece da seguinte maneira.

   Ícone de pino

   

4. É possível se TableLayoutPanel de Selecionado clicando sobre ele. Você pode verificar qual controle Está Selecionada, observando a Soltar Soltar-Abaixo na Cima da janela de Propriedades, sistema autônomo mostrado na figura a seguir.

   Janela de propriedades mostrando o controle TableLayoutPanel

   

5. O seletor do controle é um Soltar suspensa na Cima da janela de Propriedades. Neste exemplo, ele mostra que um controle chamado de tableLayoutPanel1 Selecionado. Você pode Selecione controles clicando no Designer de Formulários do Janelas ou escolhendo o controle seletor. Agora que é de do TableLayoutPanel Selecionado, localize a propriedade do Encaixar e Clicar Encaixar , que deve ser definido como Nenhum . Observe que uma seta suspensa aparece ao lado para o valor. Clicar na seta e, em seguida, selecione botão preenchimento (o botão grande no meio), conforme mostrado a seguir Imagem.

   Janela de propriedades com Preenchimento selecionado

   

6. Depois de Conjunto TableLayoutPanel Encaixar propriedade de de preenchimento, o painel preenche o formulário inteiro. Se você redimensionar o formulário novamente, o TableLayoutPanel permaneça ancorado e redimensionado Ajustar.

   Observação

   Um TableLayoutPanel funciona como uma tabela no Microsoft Office Palavra: Tem de linhas e colunas e uma célula individual pode abranger várias linhas e colunas. Cada célula pode Isenção um controle (como um botão, uma caixa de seleção ou um rótulo). O TableLayoutPanel terá um controle de PictureBox abrangendo sua toda linha Cima, um controle de CheckBox em sua célula inferior Esquerdo e quatro controles de Botão em sua célula inferior Direito.

   Observação
   Embora ele foi declarado que cada célula pode conter Apenas um controle, a célula inferior Direito tem quatro controles de Botão. Isso ocorre porque você pode colocar um controle em uma célula que contém outros controles. Esse tipo de controle é chamado de um recipiente e o TableLayoutPanel é um recipiente. Você aprenderá mais sobre isso posteriormente no tutorial.

7. Atualmente, o TableLayoutPanel tem Dois linhas de Dimensionar igual e Dois colunas de Dimensionar igual. Direito necessário redimensioná-los para que a linha Cima e a coluna Direito são muito maiores. No Designer de Formulários do Janelas, selecione o TableLayoutPanel. No canto superior direito, há um botão pequeno triângulo preto, que aparece sistema autônomo segue.

   Botão de triângulo

   

   Esse botão indica que o controle tem as tarefas que ajudam a Conjunto suas propriedades automaticamente.

8. Clicar no triângulo para exibir o controle lista de Tarefa, conforme mostrado na figura a seguir.

   Tarefas de TableLayoutPanel

   

9. Clicar Editar linhas e colunas tarefa para exibir a janela de Estiloss de linha e coluna. Clicar do Coluna1, e Conjunto seu Dimensionar a 15 por cento, certificando-se no botão de porcentagem Está Selecionada e inserindo de 15 na caixa de percentual. (Que é de NumericUpDown controle, que você irá usar um tutorial posterior). Clicar do Coluna2 e defina-a 85 Porcentagem. Não Clicar no botão de OK ainda, porque a janela será fechada. (Mas se fizer isso, você poderá reabri-lo usando a lista de Tarefa).

10. Mostrar Soltar-Abaixo Soltar na Cima da janela, Clicar de de linhas. Conjunto de Row1 90 Porcentagem e do Row2 para 10 Porcentagem.

11. Clique em OK. Agora, seu TableLayoutPanel deve ter uma grande linha Cima, uma linha Parte Parte inferior pequeno, uma coluna Esquerdo pequeno e uma coluna Direito grande. Você pode redimensionar as linhas e colunas da TableLayoutPanel arrastando suas bordas.

Para continuar ou revisar

• Para ir para o Próximo tutorial passo, consulte Etapa 5: Adicionar controles ao seu formulário.

• Para Retorno à etapa anterior tutorial, consulte Etapa 3: Defina as propriedades do formulário.