Compartilhar via


Visão geral do designer WPF

Este tópico descreve o Windows Presentation Foundation (WPF) Designer for Visual Studio.O WPF é a tecnologia de Windows Vista interface do usuário e distintos de tecnologias modo de exibição anteriores, como Formulários do Windows.

O WPF Designer oferece suporte ao design visual semelhante de Windows Forms Designer.Você pode criar interfaces do usuário para seus aplicativos, arrastando controles do Caixa de ferramentas Propriedades de e configuração no Propriedades janela.Você também pode editar XAML diretamente no editor do XAML.

O WPF Designer do Windows

O WPF Designer possui várias janelas para exibir e editar documentos XAML.A ilustração a seguir mostra algumas das janelas na caixa WPF Designer.

O Modo Design

O modo de exibição de Design oferece uma superfície de design visual para controles e aplicativos do WPF .Ele mostra uma representação processada do XAML atualmente no modo XAML.

Você pode colocar controles sobre o superfície de design arrastando-os da Caixa de ferramentas, e você pode posicionar os controles arrastando.Vários auxiliares de design (design aids) ajudam você colocar controles exatamente como você os deseja.Quando você alterar controles de superfície de design, o XAML view se atualiza para refletir suas alterações.Para obter mais informações, consulte Como: Adicionar controles a uma janela do WPF e Como: Selecionar e mover elementos na área de design.

Exibir XAML livre

XAML exibição fornece uma experiência de edição completa para XAML documentos, que inclui o IntelliSense, formatação automática, a sintaxe Realce e marca de navegação.Quando você edita XAML, modo de design atualizado para refletir as alterações.

Para obter mais informações, consulte Demonstra Passo a passo: Editando o XAML no WPF designer.

Janela de Propriedades

Você usar a janela Propriedades para definir valores de propriedade em controles no modo de design.

acesso a janela Propriedades, abra o Modo de exibição menu e selecione Janela de propriedades, ou pressionando CTRL+W, P ou F4.Você também pode clicar com o botão direito do mouse em um controle no modo de modo de exibição de Design e selecionar Propriedades no menu de atalho.A janela Propriedades exibe uma visualização em miniatura do controle selecionado no momento.

Para procurar por uma propriedade, comece a digitar o nome da propriedade no Pesquisar caixa na parte superior da janela Propriedades.A janela Propriedades, mostra as propriedades que correspondem a pesquisa do seu tipo.clicar desmarcar para remover a Pesquisar e exibir todas as propriedades do objeto selecionado.

A partir de Visual Studio 2008 serviço empacotar 1, você pode classificar propriedades em ordem alfabética ou por categoria. Classificar propriedades em ordem alfabético, clicar no Em ordem alfabético botão na parte superior da janela Propriedades.Para classificar propriedades por categoria, clicar no Categorizados botão na parte superior da janela Propriedades.

A janela da estrutura do documento

A janela Estrutura do documento oferece uma exibição hierárquica de um documento XAML.Você pode usar a janela Estrutura do Documento para visualizar, selecionar ou excluir elementos XAML.Acessar a janela Document Outline abrindo o Modo de exibição menu, apontando para Outras janelase selecionando Estrutura de tópicos de documento, ou pressionando CTRL + ALT+T.Para obter mais informações, consulte Navegando na Hierarquia do Elemento de um documento WPF.

Caixa de ferramentas

A caixa de ferramentas contém os controles que você pode arrastar para a superfície de design.Acessar a Caixa de ferramentas Janela, abrindo o menu View e selecionando Caixa de Ferramentas , ou pressionando CTRL + ALT + X.

Recursos modo Design

O modo de exibição de Design fornece vários recursos para organizar controles na janela do aplicativo WPF ou página.Alguns dos recursos do modo de exibição de design são mostrados na ilustração a seguir.

Zoom de controle

Use o zoom controle para controle de tamanho da superfície de design.Você pode aplicar zoom de 10% para 20 x .

Ajustar em Exibir

Use o ajuste no botão Modo de exibição para dimensionar o superfície de design para a tela disponível no modo de design.Isso é útil se você tivesse ampliado muito extrema in ou out.

Grade Rails

Use as grade rails para gerenciar linhas e colunas em um Grid controle.Você pode criar e excluir colunas e linhas, e você pode ajustar suas larguras relativas e alturas.Para obter mais informações, consulte Como: Adicionar linhas e colunas a uma grade.

Linhas de grade

Use linhas de grade para controlar a largura e altura de uma Grid do colunas e linhas.Você pode adicionar uma nova coluna ou linha clicando nos rails acima e à esquerda de Grid.Para obter mais informações, consulte Como: Adicionar linhas e colunas a uma grade.

Linha de grade indicadores

Um indicador das linhas de grade aparece como um triângulo no ferroviário o Grade.Quando você arrastar um indicador das linhas de grade ou a linha de grade próprio, a largura ou altura das linhas ou colunas adjacentes atualiza à medida que você move o mouse.Para obter mais informações, consulte Como: Adicionar linhas e colunas a uma grade.

Mover identificador

É exibida uma alça de movimentação no canto superior esquerdo de um controle selecionado do painel.Clique na alça de movimentação e arraste o controle sobre o superfície de design para a posição desejada.Para obter mais informações, consulte Como: Selecionar e mover elementos na área de design.

Redimensionar alças

Redimensionar alças aparecem nos controles selecionados.Clique e arraste uma alça de redimensionamento para alterar o tamanho da seleção.Quando você redimensiona um controle, largura e altura valores geralmente aparecem para ajudá-lo exatamente dimensione o controle.

Linhas de margem

Margens representam a quantidade de espaço entre a borda de um controle e a borda de seu recipiente fixo.Defina as margens de um controle, clicando em suas linhas de margem.Para obter mais informações, consulte Como: conjunto margens de um controle no WPF Designer.

Margem Stubs

Um stub de margem aparece em um controle selecionado quando a sua margem em definida como 0.clicar no stub de margem para conjunto uma distância da margem para a borda correspondente do contêiner.Para obter mais informações, consulte Como: conjunto margens de um controle no WPF Designer.

Snaplines

Use snaplines para alinhar os controles em relação umas às outras.Se snaplines estiver ativadas, quando você arrastar um controle em relação a outros controles, snaplines aparecerá quando bordas e o texto de alguns controles são alinhados horizontalmente ou verticalmente.Para obter mais informações, consulte Como: Alinhar a ambas as linhas de base do texto e margens.

XAML exibir recursos

O Extensible Application marcação idioma (XAML) fornece um vocabulário declarativa, com base em XML para especificar um aplicativo do interface do usuário.O WPF Designer fornece uma exibição exclusivo de divisão, que fornece uma exibição XAML e um modo de design sincronizado de marcação XAML processada do seu aplicativo.Alguns dos recursos do XAML livre são mostrados na ilustração a seguir.

Para obter mais informações, consulte modo divisão: Exibindo a área de design do WPF e XAML ao mesmo time.

Barra de Modos de divisão

Use a barra modo de exibição de divisão para controlar o tamanho relativo dos XAML modos de exibição Design.Você pode controlar se o modo de exibição de divisão é horizontal ou vertical, e você pode recolher o modo de exibição.Para obter mais informações, consulte modo divisão: Exibindo a área de design do WPF e XAML ao mesmo time.

Marca de navegação.

Você pode mover a qualquer marca pai da marca selecionada no momento no modo XAML usando o marca do Navigator.Quando você focaliza uma marca no navegador a marca, uma visualização em miniatura é exibida para esse elemento.Demonstra Passo a passo: Editando o XAML no WPF designer.

Criando interfaces de usuário detalhadas e interativas

Em WPF, o WindowPage Classes e visual superfícies em que você exiba informações para o usuário.Você normalmente Construir aplicativos WPF, adicionando controles a um Window e desenvolver respostas às ações do usuário, tais como cliques do mouse ou pressiona chave.Um controle é um elemento discreto da interface do usuário (IU) que exibe dados ou aceita entrada de dados.

Quando um usuário faz algo em seu Window ou em um de seus controles, ele gera um evento.Seu aplicativo reage a esses eventos e processos-los quando eles ocorrerem.Para obter mais informações, consulte Como: Criar um simples manipulador de eventos.

WPF contém uma variedade de controles que podem ser adicionados a uma janela: controles que exibem caixas de texto, botões, listas suspensas, botões de opção e até mesmo páginas da Web.Para obter uma lista de todos os controles que você pode usar em uma janela, consulte Biblioteca de controle.Se um controle existente não atender suas necessidades, os Formulários do Windows também oferecem suporte à criação de seus próprios controles personalizados através da classe UserControl e Control.

Com o arrastar-e-soltar WPF Designer, você pode criar facilmente aplicativos WPF.Apenas selecione os controles com o ponteiro do mouse e adicioná-los onde desejado na janela.O designer fornece ferramentas, como snaplines e contínuo Zoom, para facilitar organizando controles.

Finalmente, se for necessário criar seus próprios elementos da IU personalizados, o namespace System.Windows.Media e System.Windows.Shapes contém uma grande seleção de classes para processar linhas, círculos e outras formas diretamente em um formulário.

Ajuda criando Janelas e controles

Para obter informações passo a passo sobre como usar esses recursos, consulte os seguintes tópicos da Ajuda:

Descrição

Tópico da Ajuda

Criando um novo aplicativo WPF com Visual Studio.

Como: Criar um novo projeto de aplicativo do WPF

Usando os controles em uma janela.

Como: Selecionar e mover elementos na área de design

Criar manipuladores de eventos para controles WPF

Como: Criar um simples manipulador de eventos

Manipular Eventos de uma janela e controles da janela.

Como: Use eventos anexados

Navegar um layout WPF.

Navegando na Hierarquia do Elemento de um documento WPF

A criação dinâmica de layouts.

Layouts no criador de WPF

Criando controles personalizados

Como: Criar um projeto de biblioteca do UserControl WPF

A colaboração com Expression Blend

O WPF oferece uma separação rígida de apresentação, que torna possível a desenvolvedores de software e colaborar com a aparência e comportamento de um aplicativo gráficos designers e conteúdo.O Windows Presentation Foundation (WPF) Designer for Visual Studio é otimizado para desenvolvedores de software, e Expression Blend é otimizado para designers gráficos.Para obter mais informações, consulte A colaboração com Expression Blend.

Implantando aplicativos para computadores de cliente

Uma vez que você tenha escrito seu aplicativo, você deve enviá-lo para os usuários para que eles possam instalá-lo e executá-lo em seus próprios computadores clientes.Quando você usa ClickOnce tecnologia, você pode implantar seus aplicativos de dentro Visual Studio por usando apenas alguns cliques e fornecer aos usuários uma URL que aponta para seu aplicativo no compartilhamento da Web ou arquivo. ClickOnce gerencia todos os elementos e dependências em seu aplicativo e garante que o aplicativo está instalado corretamente no computador cliente.

Aplicativos ClickOnce podem ser configurados para executar apenas quando o usuário está conectado à rede, ou para executar ambos online e offline.Quando você especifica que um aplicativo deve suportar operação off-line, ClickOnce adiciona um link para seu aplicativo no menu Iniciar do usuário.O usuário pode assim abrir o aplicativo sem usar o URL.

Quando você atualizar seu aplicativo, publica um novo manifesto de implantação e uma nova cópia do seu aplicativo para seu servidor Web ou arquivo de compartilhamento.ClickOnce detectará que há uma atualização disponível e atualizar a instalação do usuário; nenhuma programação personalizada é necessária para atualizar montagens antigas. Para mais informações, consulte: Implantação de aplicativos do WPF.

Ajuda para Distribuir Aplicativos ClickOnce

Para obter uma introdução completa para ClickOnce, consulte Visão geral sobre a implantação do ClickOnce.Para obter informações passo a passo sobre como usar esses recursos, consulte os seguintes tópicos da Ajuda:

Descrição

Tópico da Ajuda

Implantar um aplicativo usando ClickOnce

Como: publicar um aplicativo ClickOnce.

Demonstra Passo a passo: Implantando manualmente um aplicativo ClickOnce

Atualizando uma implantação ClickOnce

Como: Gerenciar atualizações para um aplicativo ClickOnce

Gerenciando a segurança com ClickOnce

Como: Habilitar configurações de segurança do ClickOnce

Consulte também

Conceitos

WPF Designer para desenvolvedores do Windows Forms

Visão geral sobre a implantação do ClickOnce

Visão Geral Sobre Configurações do Aplicativo

A colaboração com Expression Blend

Outros recursos

WPF Designer

Biblioteca de controle

XAML