Compartilhar via

Demonstra Passo a passo: Organizando controles no Windows Forms usando Snaplines

  • Artigo

Posicionamento preciso de controles em seu formulário é uma prioridade alta para muitos aplicativos.O Designer de Formulários do Windows oferece muitas ferramentas de layout para fazer isso.Um dos mais importantes é o SnapLine recurso.

Snaplines mostram exatamente onde alinhar controles com outros controles.Elas também mostram sistema autônomo distâncias recomendadas para sistema autônomo margens entre sistema autônomo controles, conforme especificado pelas diretrizes de interface de usuário do Windows.Para obter detalhes, consulte Desenvolvimento e design de interface do usuário.

Snaplines facilitam a alinhar os controles para nítidas, profissional aparência e comportamento (aparência).

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

  • Criando um projeto Windows Forms

  • Espaçamento e alinhamento de controles usando Snaplines

  • Alinhando para formulário e margens de contêiner

  • Alinhando a controles agrupados

  • Usando Snaplines para colocar um controle pelo seu dimensionar de estrutura de tópicos

  • Usando Snaplines ao arrastar um controle da caixa de ferramentas

  • Redimensionar controles usando Snaplines

  • Alinhar um rótulo do texto do controle

  • Usando Snaplines com navegação de teclado

  • Snaplines e painéis de layout

  • Desativando Snaplines

Quando tiver terminado, você terá noções básicas sobre o papel de layout representado pelo recurso snaplines.

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.

Criando o projeto

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

Para criar o projeto

  1. Crie um projeto de aplicativo baseado no baseado no Windows chamado "SnaplineExample".Para obter detalhes, consulte:Como: Criar um projeto de aplicativo do Windows.

  2. selecionar o formulário no Forms Designer.

Espaçamento e alinhamento de controles usando Snaplines

Snaplines oferecem uma maneira intuitiva e precisa de alinhar controles no formulário.Elas aparecem quando você está movendo um controle ou controles selecionado próximo a uma posição que seria alinhar com outro controle ou conjunto de controles.Sua seleção "ajustará" para a posição sugerida ao movê-lo após sistema autônomo outros controles.

Para organizar controles usando snaplines

  1. Arraste um controle Button do ToolBox para seu formulário.

  2. Mover o Button controle ao canto inferior direito do formulário. Observe o snaplines aparecem sistema autônomo a Button controle se aproxima da parte inferior e direita bordas do formulário. Esses snaplines exibir a distância entre as bordas do controle e a forma recomendada.

  3. Mover o Button controle ao redor as bordas de formulário e observe onde as snaplines aparecem. Quando tiver terminado, mova o Button controle próximo ao centralizar do formulário.

  4. arrastar outro Button controle das Caixa de ferramentas para seu formulário.

  5. Mover a segunda Button controle até que ela seja praticamente nível com o primeiro. Observe guia de alinhamento que aparece na linha de base do texto de ambos os botões e observe que o controle que você está movendo encaixa uma posição que é exatamente o nível com Outros controle.

  6. Mover a segunda Button controle até que ele seja posicionado diretamente acima do primeiro. Observe snaplines que aparecem ao longo das bordas esquerdas e direita de ambos os botões e observe que o controle é mover snapshots para uma posição que exatamente é alinhada com o Outros controle.

  7. 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 distância entre as bordas dos controles recomendada.Observe também que o controle que você está movendo se encaixa nessa posição.

  8. arrastar dois Panel Controla a partir do Caixa de ferramentas para seu formulário.

  9. Mover um o Panel controles até que ela seja praticamente nível com o primeiro. Observe snaplines que aparecem ao longo das bordas superior e inferior de ambos os controles e observe que o controle que você está movendo encaixa uma posição que é exatamente o nível com Outros controle.

Alinhando para formulário e margens de contêiner

Snaplines ajudam a alinhar os controles para as margens de formulário e o contêiner de forma consistente.

Para alinhar controles às margens de formulário e contêiner

  • selecionar uma do Button os controles e Fechar para a borda direita do formulário até que um guia de alinhamento parece mover. Distância do guia de alinhamento entre a borda direita é a soma Margin propriedade e o formulário Padding valores de propriedade.
Observação:

Se o formulário Padding propriedade é definida como 0,0,0,0, o Designer de Formulários do Windows fornece o formulário um sombreado Padding valor de 9,9,9,9. Para substituir esse comportamento, atribua um valor diferente de 0,0,0,0.

  1. Alterar o valor de Button do controle Margin propriedade expandindo o Margin entrada de Propriedades janela e definindo o All propriedade para 0. Para obter detalhes, consulte:Demonstra Passo a passo: Fazendo o layout de Windows Forms Controls com a propriedade AutoSize, margens e preenchimento.

  2. Mover o Button controle de fechar para a borda direita do formulário até que um guia de alinhamento aparece. Essa distância é agora fornecida pelo valor do Padding propriedade.

  3. Arraste um controle GroupBox do ToolBox para seu formulário.

  4. Alterar o valor de GroupBox do controle Padding propriedade expandindo o Padding entrada de Propriedades janela e definindo o All propriedade para 10.

  5. Arraste um controle Button do ToolBox para o controle GroupBox.

  6. Mover o Button controle de perto para a borda direita das GroupBox controle até que apareça um guia de alinhamento. Mover o Button controle dentro do GroupBox controle e observe em que o snaplines aparecem.

Alinhando a controles agrupados

Você pode usar snaplines para alinhar controles agrupados, bem sistema autônomo sistema autônomo controles dentro de um GroupBox controle.

Para alinhar controles agrupados

  1. selecionar dois dos controles no formulário.Mover a seleção e observe snaplines que aparecem entre a seleção e outros controles.

  2. Arraste um controle GroupBox do ToolBox para seu formulário.

  3. Arraste um controle Button do ToolBox para o controle GroupBox.

  4. selecionar uma do Button Controla e mova-o GroupBox controle. Observe snaplines que aparecem nas bordas do GroupBox controle. Observe também snaplines que aparecem nas bordas do Button controle que está contido no GroupBox controle. Controles que são filhos de um controle de contêiner também suportam snaplines.

Usando Snaplines para colocar um controle pelo seu dimensionar de estrutura de tópicos

Snaplines ajuda que você a alinhar controles quando você primeiro inseri-los em um formulário.

Para usar snaplines para colocar um controle pelo seu dimensionar de estrutura de tópicos

  1. No Caixa de ferramentas, clicar no Button ícone de controle. Não arrastar-o para o formulário.

  2. Mova o ponteiro do mouse sobre a área de design do formulário.Observe que o ponteiro se transformar em uma cruz com o Button ícone do controle anexado. Observe também snaplines que parecem sugerir alinhadas posições para o Button controle.

  3. clicar e Isenção o botão do mouse.

  4. arrastar o ponteiro do mouse em todo o formulário.Observe que uma estrutura de tópicos é desenhada, indicando a posição e dimensionar do controle.

  5. arrastar o ponteiro até que ele se alinhe com outro controle no formulário.Observe que um guia de alinhamento é exibido indicar o alinhamento.

  6. Solte o botão do mouse.O controle é criado na posição e dimensionar indicado pela estrutura de tópicos.

Usando Snaplines ao arrastar um controle da caixa de ferramentas

Snaplines ajuda que você a alinhar controles quando você arrasta-los do Caixa de ferramentas para seu formulário.

Para usar snaplines ao arrastar um controle de caixa de ferramentas

  1. arrastar um Button controle das Caixa de ferramentas para seu formulário, mas não solte o botão do mouse.

  2. Mova o ponteiro do mouse sobre a área de design do formulário.Observe que o ponteiro muda para indicar a posição em que o novo Button controle será criado.

  3. arrastar o ponteiro do mouse em todo o formulário.Observe o snaplines parece sugerir alinhadas posições para o Button controle. Localize uma posição que é alinhada com outros controles.

  4. Solte o botão do mouse.O controle é criado na posição indicada pelo snaplines.

Redimensionar controles usando Snaplines

Snaplines ajudá-lo a alinhar sistema autônomo controles redimensioná-los.

Para redimensionar um controle usando snaplines

  1. Arraste um controle Button do ToolBox para seu formulário.

  2. Redimensionar o Button controlar uma captura do canto alças de dimensionamento e arraste. Para obter detalhes, consulte:Como: Redimensionar controles no Windows Forms.

  3. arrastar a alça de dimensionamento até que uma o Button as bordas do controle é alinhado com um outro controle. Observe que um guia de alinhamento aparece.Observe também que a alça de dimensionamento se encaixa à posição indicada pelo guia de alinhamento.

  4. Redimensionar o Button controle em diferentes direções e alinhar a alça de dimensionamento para diferentes controle s. Observe como os snaplines aparecem em várias orientações para indicar o alinhamento.

Alinhar um rótulo do texto do controle

Alguns controles oferecem um guia de alinhamento para alinhar a outros controles de texto exibido.

Para alinhar um rótulo ao texto do controle

  1. Drag a TextBox control from the TextBox onto your form.Quando você soltar o TextBox para o formulário de controle, clicar no glifo de marcas inteligentes e selecionar o Conjunto de texto em textBox1 opção.Para obter detalhes, consulte:Demonstra Passo a passo: Executando tarefas comuns usando SMART Rótulos em controles Windows Forms.

  2. Drag a Labelcontrol from the TextBox onto your form.

  3. Altere o valor da propriedade AutoSize do controle Label para true, .Observe que as bordas do controle serão ajustadas para que o texto de exibição.

  4. Move the Labelcontrol to the left of the TextBox control, so it is aligned with the bottom edge of the TextBox control.Observe guia de alinhamento que aparece ao longo das bordas inferior dos dois controles.

  5. Move the Labelcontrol slightly upward, until the Labeltext and the TextBox text are aligned.Observe a forma diferente com estilo guia de alinhamento que aparece, indicando os campos de texto de ambos os controles alinhados.

Usando Snaplines com navegação de teclado

Snaplines ajuda que você a alinhar controles quando você estiver organizando-as usando teclas de seta do teclado.

Para usar snaplines com navegação pelo teclado

  1. Arraste um controle Button do ToolBox para seu formulário.Coloque-o no canto superior esquerdo do formulário.

  2. Pressione CTRL+seta para baixo.Observe que o controle move para baixo no formulário para a primeira posição de alinhamento horizontal disponível.

  3. Pressione CTRL+seta para baixo até que o controle atinge a parte inferior do formulário.Observe sistema autônomo posições que ele ocupa enquanto ele se move para baixo no formulário.

  4. Pressione CTRL+seta para a direita.Observe que o controle move ao longo do formulário para a primeira posição de alinhamento vertical disponível.

  5. Pressione CTRL+seta para a direita até que o controle atinge o lado do formulário.Observe sistema autônomo posições que ele ocupa a medida que ele se movimenta entre o formulário.

  6. Mova o controle ao redor do formulário com uma combinação de teclas de direção.Observe as posições que ocupa o controle e snaplines que acompanham-los.

  7. Pressione deslocar + qualquer tecla de direção para redimensionar o Button controlar incrementos de um pixel.

  8. Pressione CTRL+deslocar + qualquer tecla de direção para redimensionar o Button controle em incrementos guia de alinhamento.

Snaplines e painéis de layout

Snaplines estão desabilitados no layout de painéis.

Para desabilitar seletivamente snaplines

  1. Arraste um controle TableLayoutPanel do ToolBox para seu formulário.

  2. clicar duas vezes o Button ícone de controle no Caixa de ferramentas.Observe que um novo controle de botão é exibido no TableLayoutPanel primeira célula do controle.

  3. clicar duas vezes o Button ícone de controle no Caixa de ferramentas mais duas vezes.Isso deixa uma célula vazia no TableLayoutPanel controle.

  4. arrastar um Button controlar a partir do Caixa de ferramentas na célula vazia do TableLayoutPanel controle. Observe que nenhuma snaplines aparecem.

  5. arrastar o Button controle fora das TableLayoutPanel controlar e mova-o TableLayoutPanel controle. Observe que snaplines aparecem novamente.

Desativando Snaplines

Snaplines são ativadas por padrão.Você pode desabilitar snaplines seletivamente, ou você pode desabilitá-los no ambiente de design.

Para desabilitar seletivamente snaplines

  • Pressione a tecla ALT e ao mesmo tempo em que mover um controle em todo o formulário.

    Observe que nenhuma snaplines aparecer e o controle não é encaixado para qualquer potencial posições de alinhamento.

Para desabilitar snaplines no ambiente de design

  1. From a Ferramentas menu, em aberto the Opções caixa de diálogo.Abra a caixa de diálogo Designer de Formulários do Windows.Para obter detalhes, consulte:Geral, Windows Forms Designer, Opções da Caixa de Diálogo.

  2. selecionar o Geral nó.No Modo de layout de seção, altere a seleção de SnapLines to SnapToGrid.

  3. clicar OK para aplicar a configuração.

  4. selecionar um controle no formulário e movê-lo a outros controles.Observe que snaplines não aparecem.

Próximas etapas

Snaplines oferecem um meio intuitivo de alinhamento de controles no formulário.Sugestões para mais exemplos incluem:

  • Tente aninhando um GroupBox controle dentro de outro GroupBox controle. Coloque um Button controle dentro do filho GroupBox controle e outro dentro do pai GroupBox controle. Mover o Button controles para ver como os snaplines ultrapassar os limites do contêiner.

  • Criar uma coluna de TextBox controles e uma coluna correspondente da Label controles. Set the value of the Labelcontrols' AutoSize property to true.Use snaplines to move the Labelcontrols so their displayed text is aligned with the text in the TextBox controls.

Para obter informações sobre o design de interface do usuário do Windows, consulte o livro Experiência do usuário do Microsoft Windows, diretrizes oficiais para designers e desenvolvedores de interface do usuário Redmond, WA: Microsoft Press, 1999.(USBN: 0-7356-0566-1) no MSDN do site () . https://www.microsoft.com/mspress/southpacific/books/book11588.htm

Consulte também

Tarefas

Demonstra Passo a passo: Organizando controles no Windows Forms usando um FlowLayoutPanel

Demonstra Passo a passo: Organizando controles no Windows Forms usando um TableLayoutPanel

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

Referência

SnapLine

Outros recursos

Organizando controles no Windows Forms