Partilhar via

Configurar opções do Designer XAML no Visual Studio

O Designer XAML no Visual Studio permite editar visualmente documentos XAML para projetos WPF e UWP. Ao habilitar e personalizar as opções do Designer, você pode simplificar seu fluxo de trabalho e adaptar a experiência de edição às suas necessidades. Este artigo orienta você na habilitação do Designer e na configuração de suas principais opções.

Pré-requisitos

  • Visual Studio instalado
  • Um projeto baseado em XAML (como WPF ou UWP)

Habilitar o Designer XAML

Habilite o Designer XAML para aceder às funcionalidades de edição visual e ao IntelliSense avançado para documentos XAML.

  1. Inicie o Visual Studio e selecione Opções de Ferramentas > no menu principal.

  1. No painel de Opções, expanda a secção Todas as Definições>Designer XAML>Geral.

  2. Marque a caixa de verificação Ativar Designer XAML.

  3. Reinicie o Visual Studio para que as suas alterações tenham efeito.

  1. No diálogo Opções, expanda a secçãoGeral de Designer >XAML.

  1. Seleciona a caixa de seleção Ativar XAML Designer e depois seleciona OK.

  2. Reinicie o Visual Studio para que as suas alterações tenham efeito.

Definir a vista de documento predefinida

Escolha como os documentos XAML aparecem quando abertos, incluindo o código-fonte XAML, a vista de design visual do código, ou ambos.

  1. Abra o painel Ferramentas>Opções e expanda a secção Todas as Definições>XAML Designer>Geral.
  1. Abra o diálogoOpções de > e expanda a secção Geral de Designer> de XAML.

  1. Use a lista suspensa e defina o valor da definição de visualização padrão do documento:

    • Vista Fonte: Mostrar apenas o código-fonte XAML.
    • Vista de Design: Mostrar apenas o designer visual.
    • Visão Dividida: Mostrar tanto o designer visual como o código-fonte lado a lado.
  1. Selecione OK.

Alterar a orientação da divisão

Ajuste o layout do Split View para se adequar ao seu fluxo de trabalho.

  1. Abra o painel Ferramentas>Opções e expanda a secção Todas as Definições>XAML Designer>Geral.
  1. Abra o diálogoOpções de > e expanda a secção Geral de Designer> de XAML.

  1. Use a lista suspensa e defina o valor da definição de orientação dividida :

    • Vertical: Mostrar o código-fonte no painel esquerdo e o designer visual no painel direito.
    • Horizontal: Mostra o designer visual no painel superior e o código-fonte no painel inferior.
    • Padrão: Use a orientação recomendada pela plataforma.
  1. Selecione OK.

Configurar o comportamento de zoom

Defina como você amplia o Designer XAML para facilitar a navegação.

  1. Abra o painel Ferramentas>Opções e expanda a secção Todas as Definições>XAML Designer>Geral.
  1. Abra o diálogoOpções de > e expanda a secção Geral de Designer> de XAML.

  1. Utilize a lista suspensa e defina o valor do Zoom na configuração usando:

    • Roda do rato
    • Ctrl + roda do mouse
    • Alt + roda do rato
  1. Selecione OK.

Para obter mais informações sobre como redefinir as configurações do Visual Studio, consulte Redefinir configurações.

Configuração de zoom padrão

Use essa configuração para determinar o valor de zoom padrão para exibir o documento XAML.

  1. Abra o painel Ferramentas>Opções e expanda a secção Todas as Definições>XAML Designer>Geral.
  1. Abra o diálogoOpções de > e expanda a secção Geral de Designer> de XAML.

  1. Usa a lista suspensa e define o valor da opção de zoom padrão :

    • Última Utilização: Use o valor do último zoom usado para todos os documentos XAML como predefinição. Quando um documento XAML é aberto pela primeira vez, a definição "Ajustar Tudo" é usada somente na primeira vez.
    • Ajustar a Tudo: Use esta opção para ajustar o nível de zoom para "Ajustar a Tudo" no designer XAML. Quando um documento XAML é fechado e reaberto, o último valor definido mantém-se para essa sessão, mas para sessões diferentes, o "Fit All" é usado por defeito.
  1. Selecione OK.

Configurações do editor

Estas definições determinam o comportamento do designer visual quando edita um documento XAML.

Nome Description
Nomear automaticamente elementos interativos na criação Especifica se é fornecido um nome padrão para um novo elemento interativo quando adiciona um ao designer.
Inserir automaticamente propriedades de layout na criação de elementos Especifica se as propriedades de layout são fornecidas para um novo elemento quando adicionas um ao designer. As propriedades de layout são aquelas que afetam o layout de um controlador, por exemplo, Margem e Alinhamento Vertical. O XAML a seguir mostra como um Button é criado com e sem essa opção selecionada:
<Button Content="Button" HorizontalAlignment="Left" Margin="245,56,0,0" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
<Button Content="Button" Grid.Row="1"/>
Usar layout baseado em quadrante Especifica se o controle selecionado atualmente se alinha às bordas mais próximas do contêiner pai. Se esta caixa de verificação for desmarcada, os alinhamentos de controlo não mudam durante uma operação de mover ou criar.
Preencher automaticamente os itens da caixa de ferramentas Especifica se os controles de usuário e os controles personalizados na solução atual são mostrados na Caixa de Ferramentas automaticamente.
Adicionar automaticamente dados de amostra na criação do elemento Especifica se devem ser automaticamente adicionados dados de amostra ao novo elemento interativo quando este é adicionado ao designer.
Ativar ações rápidas do designer Permite usar ações rápidas do teclado para aceder a funcionalidades na Toolbox.

Configurações (somente Mesclagem)

Use estas opções para aceder a definições únicas quando editar ficheiros XAML usando o Blend.

No Blend, abra o painel Ferramentas e Opções> e expanda a secção Todas as Definições>do Designer XAML>Geral.

No Blend, abra o diálogoOpções de > e expanda a secçãoGeral> XAML.

Há uma propriedade específica do Blend:

  • Tipo de unidades: Especifica se as medições no designer são baseadas em pontos ou píxeis. Como as Aplicações Windows Universais não suportam pontos, as unidades são automaticamente convertidas em píxeis quando seleciona Pontos.

Prancheta (apenas para Blend)

Use estas definições para determinar o comportamento do XAML Designer ao editar documentos XAML no Blend.

No Blend, abra o painel Ferramentas>Opções e expanda a secção All Settings>XAML Designer>Artboard.

No Blend, abre o diálogoOpções de > e expande a secção do Designer XAML>Artboard.

As secções seguintes descrevem as propriedades disponíveis do Artboard.

Encaixe

Nome Description
Mostrar grelha de fixação Especifique se as linhas de grelha aparecem no designer para o ajudar a alinhar os controlos. Os controles adicionados ao designer se ajustam a essas linhas de grade quando a opção Ajustar às linhas de grade é selecionada.
Ajustar a linhas de grelha Quando os controles são adicionados ou movidos ao redor do designer, eles se ajustam às linhas de grade.
Espaçamento da grelha Especifica o espaçamento entre as linhas de grade em pixels ou pontos (conforme determinado pela configuração Unidades tipo ).
Ajustar a linhas de alinhamento Especifica se os controles se ajustam a snaplines.
Margem padrão Quando Ajustar às linhas de ajuste está habilitado, especifica o espaçamento entre o controlo e as linhas de ajuste em pixels ou pontos (conforme determinado pela configuração Unidades de tipo).
Preenchimento padrão Quando Ajustar às snaplines estiver habilitado, especifica o espaçamento extra entre os controlos e as snaplines em pixels ou pontos (conforme determinado pela configuração Unidades de tipo).

Animação

Use a definição de Animação para determinar se aparece um aviso quando as animações dependentes (não aceleradas) estão ativadas no Blend.

Efeitos

Utilizar as definições de Effects para determinar se os efeitos são renderizados ao editar ficheiros XAML no XAML Designer quando trabalha no Blend.

Nome Description
Efeitos de renderização Especifica se os efeitos são renderizados ao editar arquivos XAML no Designer XAML usando o Blend.
Limite de zoom Especifica a porcentagem de zoom na qual os efeitos são renderizados quando a caixa de seleção Efeitos de renderização está marcada. Se você ampliar além dessa configuração, os efeitos não serão mais renderizados no Designer XAML.

Consulte também

  • Last updated on