Demonstra Passo a passo: Fazendo o layout de Windows Forms Controls com a propriedade AutoSize, margens e preenchimento

Artigo
08/25/2010

Posicionamento preciso de controles em seu formulário é uma prioridade alta para muitos aplicativos.The Designer de Formulários do Windows oferece muitas ferramentas de layout para fazer isso.Três das mais importantes são o Margin, Padding, e AutoSize Propriedades, que estão presentes em todos os controles Windows Forms.

The Margin propriedade define o espaço ao redor do controle que mantém outros controles uma distância especificada da bordas do controle.

The Padding propriedade define o espaço no interior de um controle que mantém o conteúdo do controle (por exemplo, o valor de seu Text propriedade) de uma distância especificada da bordas do controle.

A ilustração a seguir mostra o Padding e Margin propriedades em um controle.

The AutoSize propriedade informa um controle para dimensionar automaticamente-se ao seu Sumário. Ela passará não a redimensionar-se o tamanho seja menor que o valor de seu original Size propriedade e ele serão conta para o valor do seu Padding propriedade.

Tarefas ilustradas nesta explicação passo a passo incluem:

Criando um projeto Windows Forms
configuração Margens para seus controles
Configuração de preenchimento para seus controles
Dimensionando automaticamente seus controles

Quando tiver terminado, você terá noções básicas sobre o papel desempenhado por esses recursos importantes do layout.

Observação:
As caixas de diálogo e comandos de menu demonstradas podem ser diferentes daqueles descritas na Ajuda, dependendo das configurações ativas ou configurações de edição.Para alterar as configurações, escolher Importar e exportar configurações on the Ferramentas menu.Para obter mais informações, consulte Configurações do Visual Studio.

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

Dê permissões suficientes para poder criar e executar projetos de aplicativos de Formulários do Windows no computador onde o Visual Studio está instalado.

Criando o projeto

A primeira etapa é criar o projeto e configurar o formulário.

Para criar o projeto

Criar um aplicativos do Windows projeto chamado LayoutExample.Para obter mais informações, consulte Como: Criar um projeto de aplicativo do Windows.
selecionar o formulário no Designer de Formulários do Windows.

configuração Margens para seus controles

Você pode conjunto a distância padrão entre os controles usando o Margin propriedade. Quando você move um controle próximo suficiente para um outro controle, você verá um guia de alinhamento mostra as margens para os dois controles.O controle que você está movendo também se ajustará à distância definida pelas margens.

Para organizar os controles no formulário usando a propriedade margem

arrastar dois Button Controla a partir do Caixa de ferramentas para seu formulário.
selecionar uma do Button os controles e mover ele Fechar para o Outros, até que eles são quase tocar.

Observe guia de alinhamento que aparece entre eles.Essa distância é a soma de Margin valores. O controle que você está movendo se ajusta a essa distância.Para obter detalhes, consulte:Demonstra Passo a passo: Organizando controles no Windows Forms usando Snaplines.
Alterar o Margin propriedade de um dos controles, expandindo o Margin entrada de Propriedades janela e configuração o All propriedade para 20.
selecionar uma do Button os controles e mover ele Fechar para o Outros.

A definição de guia de alinhamento a soma dos valores de margem é maior e que o controle se ajusta a uma distância maior de Outros controle.
Alterar o Margin propriedade do controle selecionado, expandindo o Margin entrada de Propriedades janela e configuração o Top propriedade como 5.
Mover o controle selecionado abaixo de Outros controle e observe o guia de alinhamento é menor.Mova o controle selecionado para a esquerda de Outros controle e observe que o guia de alinhamento retém o valor observado na etapa 4.
Você pode conjunto cada um dos aspectos do Margin propriedade, Left, Top, Right, Bottom, como valores diferentes, ou conjunto todos para o mesmo valor com o All propriedade.

Configuração de preenchimento para seus controles

Para obter o layout exato necessário para seu aplicativo, os controles geralmente irão conter controles filho.Para especificar a proximidade da borda do controle filho para a borda do controle pai, use Padding propriedade em conjunto com o controle filho Margin propriedade. The Padding propriedade também é usada para controlar a proximidade do conteúdo do controle (por exemplo, um Button do controle Text propriedade) para suas bordas.

Para organizar os controles no formulário usando o preenchimento

Arraste um controle Button do ToolBox para seu formulário.
Altere o valor da propriedade AutoSize do controle Button para true, .
Alterar o Padding propriedade expandindo o Padding entrada de Propriedades janela e configuração o All propriedade como 5.

O controle se expande para fornecer espaço para o novo preenchimento.
Arraste um controle GroupBox do ToolBox para seu formulário.Arraste um controle Button do ToolBox para o controle GroupBox.Posicione o Button controle para que fique alinhada com o canto inferior direito das GroupBox controle.

Observe o snaplines aparecem sistema autônomo a Button controle se aproxima da parte inferior e sistema autônomo bordas direita das GroupBox controle. Esses snaplines correspondem de Margin propriedade das Button.
Alterar o GroupBox do controle Padding propriedade expandindo o Padding entrada de Propriedades janela e definindo o All propriedade para 20.
selecionar o Button controle dentro do GroupBox controlar e movê-lo em direção ao centralizar da GroupBox.

Os snaplines aparecem a uma distância maior de bordas do GroupBox controle. Essa distância é a soma do Button do controle Margin propriedade e o GroupBox do controle Padding propriedade.

Dimensionando automaticamente seus controles

Em alguns aplicativos, o dimensionar de um controle não será o mesmo em time de execução sistema autônomo era no time de design.O texto de um Button controle, por exemplo, pode ser obtida de um banco de dados e seu comprimento não será conhecido antecipadamente.

Quando o AutoSize propriedade estiver definida como true, o controle será dimensionado próprio ao seu conteúdo. Para obter mais informações, consulte Visão geral da propriedade AutoDimensionar.

Para organizar os controles no formulário usando a propriedade AutoSize

Arraste um controle Button do ToolBox para seu formulário.
Altere o valor da propriedade AutoSize do controle Button para true, .
Alterar o Button do controle Textpropriedade como "Esse botão tem uma seqüência de caracteres longa para a sua propriedade Texto."

Quando você confirmar a alterar, a Button controle redimensionado para ajuste o novo texto.
arrastar outro Button controle das Caixa de ferramentas para seu formulário.
Alterar o Button do controle Textpropriedade como "Esse botão tem uma seqüência de caracteres longa para a sua propriedade Texto."

Quando você confirmar a alterar, a Button controle não se redimensiona e o texto é cortado pela borda direita do controle.
Alterar o Padding propriedade expandindo o Padding entrada de Propriedades janela e configuração o All propriedade como 5.

O texto no interior do controle será cortado em todos os quatro lados.
Alterar o Button do controle AutoSize propriedade para true.

The Button controle se redimensiona para englobar toda a seqüência de caracteres. Além disso, preenchimento foi adicionado ao redor do texto, fazendo com que o Button controle expandir em todos os quatro direções.
Arraste um controle Button do ToolBox para seu formulário.Posicione-a próxima do canto direito inferior do formulário.
Altere o valor da propriedade AutoSize do controle Button para true, .
conjunto o Button do controle Anchor propriedade para Right, Bottom.
Alterar o Button do controle Textpropriedade como "Esse botão tem uma seqüência de caracteres longa para a sua propriedade Texto."

Quando você confirmar a alterar, a Button controle se redimensiona para a esquerda. Em geral, o dimensionamento automático aumentará o dimensionar de um controle na direção oposta a Anchor configuração da propriedade.

Propriedades AutoSizeMode e AutoSize

Alguns controles suportam o AutoSizeMode propriedade, que lhe dá mais controle refinado sobre o comportamento de dimensionamento automático de um controle.

Para usar a propriedade AutoSizeMode

Arraste um controle Panel do ToolBox para seu formulário.
Alterar o valor da propriedade AutoSize do controle Panel para true, .
Arraste um controle Button do ToolBox para o controle Panel.
Coloque o Button controle próximo ao canto inferior direito das Panel controle.

selecionar o Panel controlar e pegue a alça de dimensionamento de inferior direito. Redimensionar o Panel controle para ser maiores e menores.

Observação:
Você pode redimensionar livremente as Panel controle, mas não dimensioná-lo menor do que a posição das Button canto inferior direito de controle. Esse comportamento é especificado pelo valor padrão do AutoSizeMode propriedade, que é GrowOnly.

Alterar o valor da propriedade AutoSizeMode do controle Panel para GrowAndShrink, .

The Panel tamanhos de controle para cercar o Button controle. Não é possível redimensionar o Panel controle.
arrastar o Button controle em direção ao canto superior esquerdo das Panel controle.

The Panel controle é redimensionado para o Button nova posição do controle.

Próximas etapas

Há muitos outros recursos de layout para organizar controles em seus aplicativos Windows Forms.Aqui estão algumas combinações que você pode tentar:

Criar um formulário usando um TableLayoutPanel controle. Para obter detalhes, consulte:Demonstra Passo a passo: Organizando controles no Windows Forms usando um TableLayoutPanel.Tente alterar sistema autônomo valores do TableLayoutPanel do controle Padding propriedade, bem sistema autônomo o Margin propriedade em seus controles filho.
Experimente o mesmo experimento usando um FlowLayoutPanel controle. Para obter detalhes, consulte:Demonstra Passo a passo: Organizando controles no Windows Forms usando um FlowLayoutPanel.
Experimente o encaixe de controles filho em um Panel controle. The Padding propriedade é uma realização mais geral da DockPadding propriedade e pode satisfazer mesmo que esse é o caso, colocando um controle filho em uma Panel controle e a configuração do controle filho Dock propriedade para Fill. conjunto o Panel do controle Padding propriedade para vários valores e observe o efeito.

Consulte também

Compartilhar via