Graphics and Multimedia

Atualização: December 2010

Windows Presentation Foundation (WPF)Fornece suporte para multimídia, gráficos vetoriais, animação e composição de conteúdo, tornando mais fácil para os desenvolvedores criem conteúdo e interessante de interfaces de usuário. Usando Microsoft Visual Studio, você pode criar gráficos vetoriais ou animações complexas e integrar a mídia em seus aplicativos.

This topic introduces the graphics, animation, and media features of WPF, which enable you to add graphics, transition effects, sound, and video to your applications.

Observação

Não é recomendável o uso de tipos de WPF em um serviço do Windows.Se você tentar usar os tipos WPF em um serviço do Windows, o serviço pode não funcionar como esperado.

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

• O que há de novo com elementos gráficos e multimídia no WPF 4
• Gráficos e o processamento
• 3-D Rendering
• Animation
• Media
• Tópicos relacionados

O que há de novo com elementos gráficos e multimídia no WPF 4

Várias alterações foram feitas relacionadas a gráficos e animações.

• Arredondamento de layout

  Quando uma borda do objeto fica no meio de um dispositivo de pixel, o sistema de elementos gráficos independentes de DPI pode criar artefatos de processamento, como, por exemplo, bordas borradas ou semitransparentes. Versões anteriores do WPF incluíam o encaixe de pixels para ajudar a lidar com esse caso. O Silverlight 2 introduziu o arredondamento de layout, que é outra maneira de mover elementos para que as bordas fiquem em limites de pixel inteiro. Agora, o WPF oferece suporte a layout arredondamento com o UseLayoutRounding anexado propriedade em FrameworkElement.

• Composição em cache

  Usando o novo BitmapCache e BitmapCacheBrush classes, você pode ser complexa parte da árvore visual como um bitmap em cache e melhorar consideravelmente o tempo de processamento. O bitmap continua a responder à entrada do usuário, como, por exemplo, cliques de mouse, e você pode pintá-lo em outros elementos exatamente como qualquer pincel.

• Suporte a Pixel Shader 3

  4 De WPF construído sobre o ShaderEffect suporte introduzido no WPF 3.5 SP1, permitindo que os aplicativos gravem efeitos usando o Pixel Shader (PS) versão 3.0. O modelo de sombreador PS 3.0 é mais sofisticado PS 2.0, que permite ainda mais efeitos sobre o hardware suportado.

• Funções de atenuação

  Você pode aprimorar as animações com funções de atenuação, o que lhe dá mais controle sobre o comportamento das animações. Por exemplo, você pode aplicar um ElasticEase a uma animação a animação de dar um comportamento expansíveis. Para obter mais informações, consulte os tipos de atenuação no System.Windows.Media.Animation namespace.

Gráficos e o processamento

O WPF inclui suporte para gráficos 2D de alta qualidade. A funcionalidade inclui pincéis, geometrias, imagens, formas e transformações. For more information, see Elementos gráficos. O processamento de elementos gráficos se baseia o Visual classe. A estrutura dos objetos visual na tela é descrita pela árvore visual. For more information, see WPF Graphics Rendering Overview.

2-D Shapes

WPF provides a library of commonly used, vector-drawn 2-D shapes, such as rectangles and ellipses, which the following illustration shows.

Esses intrínseca WPF as formas não são apenas formas: eles são elementos programáveis que implementam muitos dos recursos que você espera de controles mais comuns, que incluem a entrada de mouse e teclado. O exemplo a seguir mostra como lidar com o MouseUp evento gerado clicando em um Ellipse elemento.

<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("You clicked the ellipse!");
    }
}

Partial Public Class Window1
    Inherits Window
    Private Sub ellipseButton_MouseUp(ByVal sender As Object, ByVal e As MouseButtonEventArgs)
        MessageBox.Show("You clicked the ellipse!")
    End Sub
End Class

The following illustration shows the output for the preceding XAML markup and code-behind.

For more information, see Visão geral de Formas e Desenho básico no WPF. Para uma amostra de Introdução, consulte Exemplo de elementos de forma.

2-D Geometries

When the 2-D shapes that WPF provides are not sufficient, you can use WPF support for geometries and paths to create your own. The following illustration shows how you can use geometries to create shapes, as a drawing brush, and to clip other WPF elements.

For more information, see Visão Geral de Geometria. Para uma amostra de Introdução, consulte A amostra de geometrias.

2-D Effects

WPF provides a library of 2-D classes that you can use to create a variety of effects. O 2-D capacidade de processamento de WPF fornece a capacidade de pintar UI os elementos que têm gradientes, bitmaps, desenhos e vídeos; e para manipulá-los usando a rotação, dimensionamento, e inclinação. The following illustration gives an example of the many effects you can achieve by using WPF brushes.

For more information, see WPF Brushes Overview. Para uma amostra de Introdução, consulte A amostra de pincéis.

3-D Rendering

WPF provides a set of 3-D rendering capabilities that integrate with 2-D graphics support in WPF in order for you to create more exciting layout, UI, and data visualization. At one end of the spectrum, WPF enables you to render 2-D images onto the surfaces of 3-D shapes, which the following illustration demonstrates.

For more information, see Visão geral de elementos gráficos 3D. Para uma amostra de Introdução, consulte Exemplo de sólidos 3D.

Animation

Use animation to make controls and elements grow, shake, spin, and fade; and to create interesting page transitions, and more. Because WPF enables you to animate most properties, not only can you animate most WPF objects, you can also use WPF to animate custom objects that you create.

For more information, see Revisão de Animação. Para uma amostra de Introdução, consulte Galeria de exemplo de animação.

Media

Images, video, and audio are media-rich ways of conveying information and user experiences.

Images

Images, which include icons, backgrounds, and even parts of animations, are a core part of most applications. Because you frequently need to use images, WPF exposes the ability to work with them in a variety of ways. The following illustration shows just one of those ways.

For more information, see Visão geral sobre imagens.

Video and Audio

A core feature of the graphics capabilities of WPF is to provide native support for working with multimedia, which includes video and audio. O exemplo a seguir mostra como inserir um media player em um aplicativo.

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

MediaElement is capable of playing both video and audio, and is extensible enough to allow the easy creation of custom UIs.

Para obter mais informações, consulte o Multimedia Overview.

Consulte também

Referência

System.Windows.Media

System.Windows.Media.Animation

System.Windows.Media.Media3D

Conceitos

Otimização de 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

Outros recursos

Animação e Temporização

Gráficos 3D

Multimídia

Histórico de alterações

Date	History	Motivo
December 2010	Exemplo de Visual Basic ausente adicionado.	Correção de bug de conteúdo.