Como: Construir um layout baseado no posicionamento absoluto
O Windows Presentation Foundation (WPF) Designer for Visual Studio fornece um controle do painel Canvas que ofereça suporte ao posicionamento absoluto.Você pode usar o controle do painel Canvas para posicionar elementos absolutamente em seus aplicativos.
.gif "Observação importante") Observação importante: |
|---|
Sempre que possível, é preferível para usar um layout dinâmico.Layouts dinâmicos são os mais flexível, se adapte a alterações, como localização, conteúdo e permitir que a usuário final mais controle sobre seu ambiente.Para ver exemplos de layouts dinâmicos, consulte Como: Construir um layout dinâmico e Demonstra Passo a passo: Construindo um layout dinâmico. |
Adicionar um controle do painel
Por padrão, cada novo aplicativo WPF contém um Window com um Grid painel.Para criar um layout com base no posicionamento absoluto, você deve usar um Canvas painel.Esse procedimento você remover o padrão Grid e adicionará uma Canvas.
Para adicionar um controle Wizard
No modo Design, selecione .
.gif "Observação")
Observação:Você pode selecionar a grade em várias formas, como clicando em qualquer lugar dentro dela ou usando a tecla TAB.Para obter mais informações sobre como selecionar elementos na caixa WPF Designer, consulte Como: Selecionar e mover elementos na área de design.
Pressione a tecla DELETE para excluir o Grid.
Da Caixa de Ferramentas ,no grupo de Controls, arraste um Canvas controle para o Window.
(Opcional) Na janela P roperties,defina a propriedade de Canvas Altura para Automático.
(Opcional) Na janela P roperties,defina a propriedade de Canvas Altura para Automático.
No menu File, clique em Save All.
Adicionar os controles ao formulário
Em seguida, você adicione controles para o painel e use o Left e Top Propriedades de Canvas para posicioná-las plenamente anexado.
Para adicionar controles ao formulário
From a Caixa de ferramentas, arrastar um controle para o Canvas.
Na janela Properties,defina as seguintes propriedades para o controle .
Canvas.Left
Canvas.Top
Observação:Há dois conjuntos de propriedades mutuamente exclusivo: Left / Right, e Top / Bottom. Left Somente e Top estão expostos na janela Properties,mas você pode especificar Right e Bottom no editor do XAML.Se você especificar os dois Left e Right, somente a última declaração é usada.Se você especificar os dois Top e Bottom, somente a última declaração é usada.
Repita as etapas 1 e 2 até todos os controles necessários foram adicionados ao painel.
No menu File, clique em Save All.
Consulte também
Tarefas
Demonstra Passo a passo: Construindo um layout baseado no posicionamento absoluto
Conceitos
Layout com absoluto e dinâmica posicionamento