Visão Geral de elementos gráficos, animação e media do WPF

  • Artigo

Este tópico apresenta os recursos de elementos gráficos, de animação e de mídia do Windows Presentation Foundation (WPF), que permitem que você adicione elementos gráficos, efeitos de transição, som e vídeo a seus aplicativos.

WPF fornece recursos avançados de desenho e animação, o recursos que estavam disponível anteriormente somente de bibliotecas especializadas — especificamente, Microsoft Windows Graphics Device Interface (GDI) e Microsoft Windows GDI+. WPF agora oferece suporte integrado para multimídia, gráficos vetoriais, animação e composição de conteúdo, facilitando aos desenvolvedores criar interfaces do usuário interessantes e conteúdo. Usando o Microsoft Visual Studio .NET, ou até mesmo um editor de texto como o Bloco de Notas da Microsoft, você pode criar gráficos vetoriais ou animações complexas e integrar mídias em seus aplicativos.

Este tópico contém as seguintes seções.

  • Novidades sobre elementos gráficos e multimídia no WPF
  • Animation
  • Media
  • Tópicos relacionados

Novidades sobre elementos gráficos e multimídia no WPF

O WPF introduz os desenvolvedores Windows a novos recursos gráficos que possuem os seguintes benefícios:

  • Elementos gráficos e resolução independentes de dispositivo. The WPF graphics system uses device-independent units to enable resolution and device independence. Cada pixel independente de dispositivo é automaticamente redimensionado de acordo com a configuração de pontos-por-polegada (dpi) do seu sistema.

  • Precisão aprimorada The WPF usos do sistema de coordenada Dobra em vez de flutua. Valores de opacidade e transformações também são expressos usando Dobra. WPF também oferece suporte a uma maior gama de cores (scRGB) e fornece suporte integrado para gerenciar entradas de diferentes espaços de cores.

  • Suporte avançado a elementos gráficos e animação. WPF simplifica a programação de gráficos, gerenciando o gráfico de cena para você; não mais preocupar renderização cena, loops de renderização e interpolação bilinear. WPF Fornece suporte a teste de hit, um sistema integrado de animação e suporte completo alfa composição.

  • Aceleração de hardware. O sistema gráfico do WPF é projetado para aproveitar o hardware gráfico e minimizar o uso da CPU.

Formas 2D

O WPF fornece uma biblioteca de formas 2-D vetoriais comumente usadas, como retângulos e elipses, mostradas na ilustração a seguir.

Elipses e retângulos

Esses intrínseca WPF as formas não são apenas formas: Eles são elementos programáveis que implementam vários recursos que você espera dos controles mais comuns, que incluem o teclado e mouse de entrada.

<Window
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Window1" >
  <Ellipse Fill="LightBlue" MouseUp="ellipseButton_MouseUp" />
</Window>
public partial class Window1  : Window
{
    void ellipseButton_MouseUp(object sender, MouseButtonEventArgs e)
    {
        MessageBox.Show("Me, a simple ellipse, was mouse clicked!");
    }
}

A ilustração a seguir mostra a saída para a marcação XAML e código de apoio anteriores.

Uma janela com o texto "você clicou na elipse!"

Para obter mais informações, consulte Visão geral de Formas e Desenho básico no WPF. Para uma amostra da introdução, consulte Exemplo de elementos de forma.

Geometrias 2D

Quando as formas 2-D que o WPF fornece não forem suficientes, você pode usar o suporte do WPF para geometrias e caminhos para criar suas próprias formas. A ilustração a seguir mostra como você pode usar geometrias para criar formas, como um pincel de desenho, e cortar outros elementos do WPF.

Vários usos de Path

Para obter mais informações, consulte Visão Geral de Geometria. Para uma amostra da introdução, consulte Exemplo de geometrias.

Efeitos 2D

O WPF fornece uma biblioteca de classes 2-D que você pode usar para criar uma variedade de efeitos. A capacidade de renderização 2-D do WPF fornece a possibilidade de pintar elementos de UI com gradientes, bitmaps, desenhos e vídeos; e manipulá-los por meio de rotação, escala e distorção (skewing). A ilustração a seguir fornece um exemplo de muitos efeitos que você pode obter usando os pincéis do WPF.

Ilustração de diferentes pincéis

Para obter mais informações, consulte WPF Brushes Overview. Para uma amostra da introdução, consulte Exemplo de pincéis.

Renderização 3D

O WPF fornece um conjunto de recursos de renderização 3-D que integram com suporte a elementos gráficos 2-D do WPF de modo a você poder criar layouts, UI e visualizações de dados mais interessantes. No final do espectro, o WPF permite que você renderize imagens 2-D nas superfícies de formas 3-D, o que é mostrado na ilustração a seguir.

Captura de tela de exemplo Visual3D

Para obter mais informações, consulte Visão geral de elementos gráficos 3D. Para uma amostra da introdução, consulte Exemplo de Solids 3D.

Animation

Use animações para fazer controles e elementos aumentarem, se misturarem, rodarem e desaparecerem; para criar transições de página interessantes; e muito mais. Como o WPF permite que você anime a maioria das propriedades, não só você pode animar a maioria dos objetos WPF, você pode também usar o WPF para animar objetos personalizados que você criar.

Imagens de um cubo animado

Para obter mais informações, consulte Revisão de Animação. Para uma amostra da introdução, consulte Galeria de exemplo de animação.

Media

Imagens, vídeo e áudio são maneiras atrativas de usar mídia para transmitir informações e experiências de usuário.

Imagens

Imagens (inclusive ícones, planos de fundo e até mesmo partes de animações) são uma parte central na maioria dos aplicativos. Como você precisa usar imagens com frequência, o WPF expõe a capacidade de trabalhar com elas em uma variedade de maneiras. A ilustração a seguir mostra apenas uma dessas formas.

Captura de tela de exemplo de aplicação de estilo

Para obter mais informações, consulte Visão geral sobre imagens. Para um exemplo introdutório, consulte Demonstração de Visualizador de fotos WPF.

Vídeo e áudio

Um recurso central das funcionalidades gráficas do WPF é fornecer suporte nativo para se trabalhar com multimídia, o que inclui vídeo e áudio. O exemplo a seguir mostra como inserir um mídia player em um aplicativo.

<MediaElement Source="media\numbers.wmv" Width="450" Height="250" />

MediaElement é capaz de realizar execução de vídeo e áudio e é extensível o suficiente para permitir a fácil criação de UIs personalizadas.

Para obter mais informações, consulte a Multimedia Overview. Para uma amostra da introdução, consulte Mídia Gallery.

Consulte também

Conceitos

Otimizando o desempenho: 2D Graphics and Imaging

Visão geral de Formas e Desenho básico no WPF

Painting with Solid Colors and Gradients Overview

Pintura com Imagens, Desenhos e Visuais

Revisão de Animação