Demonstra Passo a passo: Organizando controles em Windows Forms usando linhas de ajuste
Posicionamento preciso de controles no formulário é uma prioridade alta para muitos aplicativos. O Windows Forms Designer oferece muitas ferramentas de layout para fazer isso. Um dos mais importantes é o SnapLine recurso.
Linhas de ajuste mostram onde alinhar controles com outros controles. Elas também mostram as distâncias recomendadas para as margens entre os controles, conforme especificado pelas diretrizes de Interface de usuário do Windows. Para obter detalhes, consulte desenvolvimento e Design de Interface de usuário.
Linhas de ajuste, facilitam a alinhar seus controles, para nítidas e profissional aparência e comportamento (aparência).
As tarefas ilustradas neste passo a passo incluem:
Criando um projeto Windows Forms
Espaçamento e alinhamento de controles usando linhas de ajuste
Alinhar às margens de recipiente e de formulário
Alinhamento de controles agrupados
Usando linhas de ajuste para colocar um controle pelo seu tamanho de estrutura de tópicos
Usando linhas de ajuste ao arrastar um controle na caixa de ferramentas
Redimensionar controles usando linhas de ajuste
Alinhar um rótulo de texto do controle
Usando linhas de ajuste com a navegação pelo teclado
Linhas de ajuste e painéis de Layout
Desativar linhas de ajuste
Quando tiver terminado, você terá uma compreensão da função layout reproduzida pelo recurso de linhas de ajuste.
.gif "Observação") Observação |
|---|
As caixas de diálogo e comandos de menu demonstradas podem ser diferentes daqueles descritos na Ajuda, dependendo das configurações ativas ou configurações de edição. Para alterar as configurações, escolha Import and Export Settings sobre o Ferramentas menu. Para obter mais informações, consulte Trabalhando com configurações. |
Criando o projeto
A primeira etapa é criar o projeto e configurar o formulário.
Para criar o projeto
Crie um projeto de aplicativo do Windows chamado "snaplineexample". Para obter detalhes, consulte:Como: Crie um novo projeto de aplicativo do Windows Forms.
Selecione o formulário na caixa Forms Designer .
Espaçamento e alinhamento de controles usando linhas de ajuste
Linhas de ajuste oferecem uma maneira intuitiva e precisa para alinhar os controles no formulário. Elas aparecem quando você está movendo um controle ou controles selecionado perto de uma posição que deseja alinhar com outro controle ou o conjunto de controles. Sua seleção será "snap" para a posição sugerida como você movê-lo após os outros controles.
Para organizar os controles usando linhas de ajuste
Arraste um controle Button do ToolBox para seu formulário.
Mover o Button o controle ao canto inferior direito do formulário. Observação as linhas de ajuste que aparece como o Button abordagens de controle da parte inferior e direita bordas do formulário. Essas linhas de ajuste exibem a distância recomendada entre as bordas do controle e o formulário.
Mover o Button o controle ao redor de bordas do formulário e observe onde as linhas de ajuste são exibidos. Quando tiver terminado, mova o Button o controle perto do centro do formulário.
Arraste outra Button controlar a partir do caixa de ferramentas para seu formulário.
Move a segunda Button de controle até que ela seja praticamente nível com a primeira. Observe o snapline que aparece na linha de base do texto de ambos os botões e observe que o controle que você está movendo snaps para uma posição que é exatamente o nível com outro controle.
Move a segunda Button de controle até que ele seja posicionado diretamente acima do primeiro. Observe as linhas de ajuste que aparecem ao longo das bordas esquerdas e direita de ambos os botões e observe que o controle está movendo snaps para uma posição que é exatamente alinhados com outro controle.
Selecione uma da Button controla e movê-lo para perto do outro, até que eles são quase tocar. Observe o snapline que aparece entre eles. Essa distância é a distância recomendada entre as bordas dos controles. Observe também que o controle que você está movendo snaps para esta posição.
Arraste dois Panel controla a partir de caixa de ferramentas para seu formulário.
Mover um da Panel controla até que ela seja praticamente nível com a primeira. Observe as linhas de ajuste que aparecem ao longo das bordas superior e inferior de ambos os controles e observe que o controle que você está movendo snaps para uma posição que é exatamente o nível com outro controle.
Alinhar às margens de recipiente e de formulário
Linhas de ajuste ajudam a alinhar os controles para as margens do formulário e o recipiente de maneira consistente.
Para alinhar controles às margens do formulário e o recipiente
- Selecione uma da Button controla e movê-lo a fechar para a borda direita do formulário até que apareça a um snapline. A distância do snapline da borda direita é a soma do controle Margin propriedade e o formulário Padding valores de propriedade.
| Observação |
|---|
Se o formulário Padding 0,0,0,0 for definida, o Windows Forms Designer oferece um sombreado o formulário Padding o valor de 9,9,9,9. Para substituir esse comportamento, atribua um valor diferente de 0,0,0,0. |
Alterar o valor da Button do controle Margin propriedade expandindo o Margin entrada na Propriedades janela e a configuração do All propriedade como 0. Para obter detalhes, consulte:Demonstra Passo a passo: Dispor de Windows Forms Controls Padding, margens e a propriedade AutoSize.
Mover o Button controle Fechar para a borda direita do formulário até que apareça a um snapline. Essa distância é agora fornecida pelo valor do que o formulário Padding propriedade.
Arraste um controle GroupBox do ToolBox para seu formulário.
Alterar o valor da GroupBox do controle Padding propriedade expandindo o Padding entrada no Propriedades janela e a configuração do All propriedade 10.
Arraste um controle Button do ToolBox para o controle GroupBox.
Mover o Button controle próximo à borda direita da GroupBox controlar até aparece a um snapline. Mover o Button controle dentro do GroupBox nota onde as linhas de ajuste são exibidos e controle.
Alinhamento de controles agrupados
Você pode usar linhas de ajuste para alinhar os controles agrupados, bem como controles dentro de um GroupBox de controle.
Para alinhar os controles agrupados
Selecione dois dos controles no formulário. Mover a seleção e observe as linhas de ajuste exibidos entre sua seleção e outros controles.
Arraste um controle GroupBox do ToolBox para seu formulário.
Arraste um controle Button do ToolBox para o controle GroupBox.
Selecione uma da Button controla e mova-o GroupBox de controle. Observação as linhas de ajuste que aparecem nas bordas da GroupBox de controle. Observe também as linhas de ajuste que aparecem nas bordas da Button o controle que está contido o GroupBox de controle. Controles que são filhos de um controle de recipiente também oferecem suporte a linhas de ajuste.
Usando linhas de ajuste para colocar um controle pelo seu tamanho de estrutura de tópicos
Linhas de ajuste ajudam a que Alinhar controles quando você primeiro colocá-los em um formulário.
Usar linhas de ajuste para colocar um controle pelo seu tamanho de estrutura de tópicos
No caixa de ferramentas, clique o Button ícone de controle. Não arraste-o para o formulário.
Mova o ponteiro do mouse sobre a superfície de design do formulário. Observe que o ponteiro muda para uma cruz com o Button o ícone do controle anexado. Além disso, observe as linhas de ajuste que parecem sugerir as posições de alinhado para o Button de controle.
Clique e mantenha pressionado o botão do mouse.
Arraste o ponteiro do mouse em torno do formulário. Observe que um contorno é desenhado, indicando a posição e o tamanho do controle.
Arraste o ponteiro até que ele se alinha com outro controle no formulário. Observe que aparece um snapline indicar o alinhamento.
Solte o botão do mouse. O controle é criado na posição e tamanho indicado pelo contorno.
Usando linhas de ajuste ao arrastar um controle na caixa de ferramentas
Linhas de ajuste ajudam a alinhar controles quando você arrasta da caixa de ferramentas para seu formulário.
Usar linhas de ajuste ao arrastar um controle na caixa de ferramentas
Arrastar um Button de controle da caixa de ferramentas para seu formulário, mas não solte o botão do mouse.
Mova o ponteiro do mouse sobre a superfície de design do formulário. Observe que o ponteiro muda para indicar a posição em que o novo Button controle será criado.
Arraste o ponteiro do mouse em torno do formulário. Observe as linhas de ajuste que parecem sugerir as posições de alinhado para o Button de controle. Encontre uma posição que é alinhada com os outros controles.
Solte o botão do mouse. O controle é criado na posição indicada pelas linhas de ajuste.
Redimensionar controles usando linhas de ajuste
Linhas de ajuste ajudá-lo Alinhar controles redimensioná-los.
Para redimensionar um controle usando linhas de ajuste
Arraste um controle Button do ToolBox para seu formulário.
Redimensionar o Button o controle por uma captura do canto alças de dimensionamento e arrastando. Para obter detalhes, consulte:Como: Redimensione controles Windows Forms.
Arraste a alça de dimensionamento até que uma da Button as bordas do controle é alinhado com o outro controle. Observe que um snapline é exibida. Observe também que a alça de dimensionamento adere à posição indicada pelo snapline.
Redimensionar o Button de controle em diferentes direções e alinhar a alça de dimensionamento para controles diferentes. Observe como as linhas de ajuste aparecem em várias orientações para indicar o alinhamento.
Alinhar um rótulo de texto do controle
Alguns controles oferecem um snapline para alinhar os outros controles para o texto exibido.
Para alinhar um rótulo de texto do controle
Arraste um controle TextBox do ToolBox para seu formulário. Quando você soltar o TextBox de controle para o formulário, clique no glifo de marcas inteligentes e selecione o definir o texto de textBox1 opção. Para obter detalhes, consulte:Demonstra Passo a passo: Executar tarefas comuns usando Smart Tags em controles do Windows Forms.
Arraste um controle Label do ToolBox para seu formulário.
Altere o valor da propriedade AutoSize do controle Label para true, . Observe que as extremidades do controle são ajustadas para ajustar o texto de exibição.
Mover o Label controle à esquerda da TextBox controlar, para que fique alinhado com a borda inferior da TextBox de controle. Observe o snapline que aparecem ao longo das bordas inferior dos dois controles.
Mover o Labelcontrole ligeiramente para cima, até o Labeltexto e o TextBox texto são alinhados. Observe o snapline de maneira diferente com estilo é exibida, indicando quando os campos de texto de ambos os controles estão alinhados.
Usando linhas de ajuste com a navegação pelo teclado
Linhas de ajuste ajudam a que Alinhar controles quando você estiver organizando-los usando as teclas de seta do teclado.
Usar linhas de ajuste com a navegação pelo teclado
Arraste um controle Button do ToolBox para seu formulário. Coloque-o no canto superior esquerdo do formulário.
Pressione CTRL + seta para baixo. Observe que o controle se move para baixo no formulário na primeira posição de alinhamento horizontal disponíveis.
Pressione CTRL + seta para baixo até que o controle atinja a parte inferior do formulário. Observe as posições que ele ocupa como ele se move para baixo no formulário.
Pressione CTRL + seta à direita. Observe que o controle move ao longo do formulário para a primeira posição de alinhamento vertical disponíveis.
Pressione CTRL + seta à direita até que o controle atinja o lado do formulário. Observe as posições que ele ocupa conforme ele percorre o formulário.
Mova o controle ao redor do formulário com uma combinação de teclas de seta. Observe as posições que ocupadas pelo controle e linhas de ajuste que acompanhem-os.
Pressione SHIFT + qualquer tecla de seta para redimensionar o Button o controle em incrementos de um pixel.
Pressione CTRL + SHIFT + qualquer tecla de seta para redimensionar o Button o controle em incrementos de snapline.
Linhas de ajuste e painéis de Layout
Linhas de ajuste são desabilitadas em painéis de layout.
Para desativar seletivamente as linhas de ajuste
Arraste um controle TableLayoutPanel do ToolBox para seu formulário.
Clique duas vezes o Button no ícone do controle a Toolbox. Observe que um novo controle de botão aparece no TableLayoutPanel de primeira célula. da controle
Clique duas vezes o Button no ícone do controle a Toolbox mais duas vezes. Isso deixa uma célula vazia a TableLayoutPanel de controle.
Arrastar um Button de controle da Toolbox na célula vazia a TableLayoutPanel de controle. Observe que não há linhas de ajuste apareçam.
Arrastar o Button controle fora da TableLayoutPanel de controle e movê-lo a TableLayoutPanel de controle. Observe que as linhas de ajuste apareçam novamente.
Desativar linhas de ajuste
Linhas de ajuste estão ativadas por padrão. Você pode desativar seletivamente a linhas de ajuste, ou você pode desabilitá-los no ambiente de design.
Para desativar seletivamente as linhas de ajuste
Pressione a tecla ALT e, enquanto a movimentação de um controle em torno do formulário.
Observe que não há linhas de ajuste apareçam e o controle não é encaixado para qualquer potencial posições de alinhamento.
Para desativar linhas de ajuste no ambiente de design
Do Ferramentas menu, abrir o Opções caixa de diálogo. Abra a caixa de diálogo do Windows Forms Designer. Para obter detalhes, consulte:Geral, Windows Forms Designer, Opções da Caixa de Diálogo.
Selecione o Geral nó. No O modo de Layout de seção, altere a seleção de linhas de ajuste para SnapToGrid.
Clique em OK para aplicar a configuração.
Selecione um controle em seu formulário e movê-lo a outros controles. Observe que não aparecem linhas de ajuste.
Próximas etapas
Linhas de ajuste oferecem um meio intuitivo de alinhamento de controles no formulário. Sugestões para mais exemplos incluem:
Tente o aninhamento de um GroupBox controle dentro de outro GroupBox de controle. Local de um Button controle filho dentro de GroupBox controle e outro dentro do pai GroupBox de controle. Mover o Button controles ao redor para ver como as linhas de ajuste cruzar os limites do recipiente.
Criar uma coluna de TextBox controles e uma coluna correspondente do Label controles. Definir o valor de Labeldos controles AutoSizepropriedade true. Usar linhas de ajuste para mover a Labelcontroles para que o texto exibido é alinhado com o texto do TextBox controles.
Para obter informações sobre o design de interface de usuário do Windows, consulte o livro experiência do usuário do Microsoft Windows, diretrizes oficiais para Designers e desenvolvedores de Interface de usuário Redmond, WA: Microsoft Press, 1999. (USBN: 0-7356-0566-1).
Consulte também
Tarefas
Demonstra Passo a passo: Organizando controles em Windows Forms usando um FlowLayoutPanel
Demonstra Passo a passo: Organizando controles em formulários do Windows usando um TableLayoutPanel
Demonstra Passo a passo: Dispor de Windows Forms Controls Padding, margens e a propriedade AutoSize