Compartilhar via


Cores, gradientes e opacidade

Todos os usuário interface elementos (UI) em Visual Studio 2010 são criados no de Windows Presentation Foundation (WPF). Portanto, quando você cria janelas de ferramentas ou outros elementos de interface do usuário, você pode aplicar cores, gradientes e opacidade, definindo os atributos apropriados nesses elementos. Você pode defini-los para valores específicos usando o Propriedades janela, ou você pode consultar o ambiente de desenvolvimento integrado (IDE) para valores de sistema. Recomendamos que você use valores do sistema quando desejar que suas extensões para se parecer com o restante do IDE.

Interface de usuário do código nativo e de interface de usuário do Windows Forms ainda são suportadas para compatibilidade com versões anteriores. Para obter informações sobre como definir cores e gradientes em extensões não WPF, consulte o Visual Studio 2008 documentação.

Definição de cores, gradientes e opacidade

Você pode definir alterar a aparência da maioria dos elementos XAML, definindo seus Background, Foreground, Opacity, ou outros atributos visuais. Esses atributos correspondem às propriedades que levam um Brush como um valor.

Para definir a opacidade, gradientes e cores de plano de fundo em uma janela de ferramenta

  1. Abra MyControl.xaml.

  2. No XAML painel, no nível superior UserControl elemento, tipo de fundo =.

    IntelliSense exibe uma lista de cores para o atributo de plano de fundo.

    Selecione uma cor na lista.

  3. No Propriedades janela, expanda o pincéis nó e, em seguida, clique fundo.

    O Propriedades janela exibe um seletor de cores. Acima a cor do seletor é uma linha de ícones que representam os pincéis.

  4. Use os controles deslizantes para escolher uma cor.

    O XAML atualiza imediatamente para mostrar a nova cor de plano de fundo.

  5. Clique no ícone de pincel em dégradé.

    O seletor de cores se transforma em um seletor de gradiente.

  6. Use os controles deslizantes para escolher um gradiente.

    O XAML é imediatamente atualizado para mostrar o novo plano de fundo gradiente.

  7. Clique no ícone de pincel de imagem.

    O seletor de gradiente é alterado para uma ferramenta de seleção da imagem.

  8. Selecione uma imagem e definir seu alongar e parâmetros de lado a lado.

    O XAML atualiza imediatamente para mostrar a nova imagem de plano de fundo.

  9. Clique no ícone de pincel nulo.

    O plano de fundo no designer retorna para neutro e o BackGround atributo está definido como "{x:Null}".

Consultar os valores do sistema

Você pode consultar os valores do sistema usando o VsBrushes propriedades, os quais se referem a pincéis que são definidos em outras partes do Visual Studio de classe.

Para definir as cores, gradientes e opacidade consultando os valores do sistema

  1. Selecione um elemento XAML.

  2. Na definição do elemento, defina um dos atributos do elemento visual a uma propriedade da VsBrushes de classe, conforme mostrado no exemplo a seguir.

    <TextBlock Margin="10" HorizontalAlignment="Center" Foreground="{DynamicResource {x:Static vsfx:VsBrushes.ToolWindowTextKey}}">This is a toolwindow with WPF content</TextBlock>
    

    Usando o DynamicResource extensão permite que o valor seja alterado conforme necessário, por exemplo, quando um usuário altera as configurações. Você deve usar o X: estática extensão porque o VsBrushes classe não é parte do namespace WPF padrão.

Consulte também

Conceitos

Visão geral da pintura com cores sólidas e gradientes

Outros recursos

Interfaces de usuário

Janelas de ferramentas