Aracılığıyla paylaş


Grafik ve Çoklu Ortam

Güncelleştirme Tarihi: December 2010

Windows Presentation Foundation (WPF)Çoklu ortam, vektör grafik, animasyon ve ilginç kullanıcı arabirimleri ve içerik geliştiricileri için kolaylaştırarak içerik oluşturma desteği sağlar. Kullanarak Microsoft Visual Studio, vektör grafikleri veya karmaşık animasyonlar oluşturmak ve tümleştirmek medya kendi uygulamaları.

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.

NotNot

wpf türleri bir Windows hizmetinde, kullanımı kesinlikle önerilmez.wpf türleri bir Windows hizmetinde kullanmayı denerseniz, service beklendiği gibi çalışmayabilir.

Bu konu aşağıdaki bölümleri içerir.

  • Grafik ve çoklu ortam wpf 4 içindeki yenilikler
  • Grafik ve görüntü oluşturma
  • 3-D Rendering
  • Animation
  • Media
  • İlgili Konular

Grafik ve çoklu ortam wpf 4 içindeki yenilikler

Several changes have been made related to graphics and animations.

  • Layout Rounding

    When an object edge falls in the middle of a pixel device, the DPI-independent graphics system can create rendering artifacts, such as blurry or semi-transparent edges. Previous versions of WPF included pixel snapping to help handle this case. Silverlight 2 introduced layout rounding, which is another way to move elements so that edges fall on whole pixel boundaries. WPF now supports layout rounding with the UseLayoutRounding attached property on FrameworkElement.

  • Cached Composition

    By using the new BitmapCache and BitmapCacheBrush classes, you can cache a complex part of the visual tree as a bitmap and greatly improve rendering time. The bitmap remains responsive to user input, such as mouse clicks, and you can paint it onto other elements just like any brush.

  • Pixel Shader 3 Support

    wpf 4 oluşturur üstünde ShaderEffect Pixel Shader (ps) sürüm 3.0 kullanarak efektler yazma uygulamaları vererek wpf 3.5 SP1'de sunulan destek. The PS 3.0 shader model is more sophisticated than PS 2.0, which allows for even more effects on supported hardware.

  • Easing Functions

    You can enhance animations with easing functions, which give you additional control over the behavior of animations. For example, you can apply an ElasticEase to an animation to give the animation a springy behavior. For more information, see the easing types in the System.Windows.Media.Animation namespace.

Grafik ve görüntü oluşturma

wpf, yüksek kalitede 2-B grafik için destek içerir. Fırçalar, geometrileri, resimler, şekiller ve dönüşümleri işlevselliğini içerir. For more information, see Graphics. Grafik öğelerinin görüntülenmesinde dayandığı Visual sınıfa Ekrandaki görsel nesneler yapısını görsel ağaç tarafından tanımlanır. For more information, see WPF Grafik İşleme Genel Bakış.

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.

Elipsler ve dikdörtgenler

These intrinsic WPF shapes are not just shapes: they are programmable elements that implement many of the features that you expect from most common controls, which include keyboard and mouse input. Aşağıdaki örnek, nasıl işleneceğini gösterir MouseUp tıklatarak harekete geçirilen olay bir Ellipse öğesi.

<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.

"Elipsi tıklattınız!" metnini içeren pencere

For more information, see WPF Genel Bakışı İçinde Şekiller ve Temel Çizimler. Tanıtım bir örnek için bkz: Şekil öğeleri örnek.

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.

Yol'un çeşitli kullanımları

For more information, see Geometriye Genel Bakış. Tanıtım bir örnek için bkz: Geometrileri örnek.

2-D Effects

WPF provides a library of 2-D classes that you can use to create a variety of effects. 2-D İşleme yeteneğini WPF boyama yapmanızı sağlar UI degradeler, bit eşlemler, çizimler ve videolar; sahip öğeleri ve ölçekleme, döndürme, kullanarak işlemek için ve eğme. The following illustration gives an example of the many effects you can achieve by using WPF brushes.

Farklı fırçaların çizimi

For more information, see WPF Fırçaları Genel Bakış. Tanıtım bir örnek için bkz: Fırçalar örnek.

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. Tayfı bir ucundaki WPF işlemesine olanak verir 2-D yüzeyleriyle resim 3-D Aşağıdaki resimde gösterilmiştir şekilleri.

Visual3D örnek ekran görüntüsü

For more information, see 3B Grafiklere Genel Bakış. Tanıtım bir örnek için bkz: 3-b cisim örnek.

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.

Animasyonlu küp resimleri

For more information, see Animasyona Genel bakış. Tanıtım bir örnek için bkz: Animasyon örnek galeri.

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. Sık sık görüntüleri kullanmanız gerekeceğinden WPF bunları çeşitli çalışma yeteneği sunaryolları. The following illustration shows just one of those ways.

Stil ekleme örnek ekran görüntüsü

For more information, see Görüntüye Genel Bakış.

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. The following example shows how to insert a media player into an application.

<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.

For more information, see the Çoklu Ortam Genel Bakış.

Ayrıca bkz.

Başvuru

System.Windows.Media

System.Windows.Media.Animation

System.Windows.Media.Media3D

Kavramlar

Başarım İyileştirme: 2B Grafik ve Görüntü

WPF Genel Bakışı İçinde Şekiller ve Temel Çizimler

Düz Renkler ve Gradyanlar ile Boyama Genel Bakış

Resimler, Çizimler ve Görsellerle Boyama

Diğer Kaynaklar

Animasyon ve Zamanlama

3-B Grafikler

Çoklu Ortam

Değişiklik Geçmişi

Date

History

Reason

December 2010

Eksik Visual Basic örnek eklendi.

İçerik hata düzeltmesi.