Aracılığıyla paylaş


Grafikler ve Multimedya

Windows Presentation Foundation (WPF), multimedya, vektör grafikleri, animasyon ve içerik oluşturma desteği sağlayarak geliştiricilerin ilginç kullanıcı arabirimleri ve içerik oluşturmasını kolaylaştırır. Visual Studio'yu kullanarak vektör grafikleri veya karmaşık animasyonlar oluşturabilir ve medyayı uygulamalarınızla tümleştirebilirsiniz.

Bu konu başlığında, uygulamalarınıza grafik, geçiş efektleri, ses ve video eklemenizi sağlayan WPF'nin grafik, animasyon ve medya özellikleri tanıtılmaktadır.

Uyarı

Windows hizmetinde WPF türlerinin kullanılması kesinlikle önerilmez. Bir Windows hizmetinde WPF türlerini kullanmayı denerseniz, hizmet beklendiği gibi çalışmayabilir.

WPF 4'teki Grafik ve Multimedya Ile yenilikler

Grafikler ve animasyonlarla ilgili çeşitli değişiklikler yapılmıştır.

  • Düzen Yuvarlama

    Nesne kenarı bir piksel cihazının ortasına düştüğünde, DPI'den bağımsız bir grafik sistemi bulanık veya yarı saydam kenarlar gibi çizim hataları oluşturabilir. WPF'nin önceki sürümleri, bu durumu işlemeye yardımcı olmak için piksel tutturma içeriyordu. Silverlight 2, öğeleri taşımanın başka bir yolu olarak kenarların tüm piksel sınırlarına düşmesi için kullanılan düzen yuvarlama özelliğini tanıttı. WPF artık UseLayoutRounding ekli özelliğiyle FrameworkElement üzerinde düzen yuvarlama özelliğini destekliyor.

  • Önbelleğe Alınmış Bileşim

    Yeni BitmapCache ve BitmapCacheBrush sınıflarını kullanarak görsel ağacının karmaşık bir bölümünü bit eşlem olarak önbelleğe alabilir ve işleme süresini büyük ölçüde geliştirebilirsiniz. Bit eşlem, fare tıklamaları gibi kullanıcı girişlerine yanıt vermeye devam eder ve bunu herhangi bir fırça gibi diğer öğelere boyayabilirsiniz.

  • Pixel Shader 3 Desteği

    WPF 4, uygulamaların Pixel Shader (PS) sürüm 3.0 kullanarak efektler yazmasına izin vererek WPF 3.5 SP1'de sunulan desteğin üzerine ShaderEffect derleme yapar. PS 3.0 gölgelendirici modeli, desteklenen donanımlar üzerinde daha fazla efekt sağlayan PS 2.0'dan daha karmaşıktır.

  • Kolaylaştırma İşlevleri

    Animasyonların davranışı üzerinde ek denetim sağlayan kolaylaştırıcı işlevlerle animasyonları geliştirebilirsiniz. Örneğin, bir animasyona yaylı bir davranış vermek için ElasticEase uygulayabilirsiniz. Daha fazla bilgi için System.Windows.Media.Animation ad alanındaki kolaylaştırma türlerine bakın.

Grafikler ve İşleme

WPF, yüksek kaliteli 2B grafikler için destek içerir. İşlevsellik fırçaları, geometrileri, resimleri, şekilleri ve dönüşümleri içerir. Daha fazla bilgi için bkz. Grafikler. Grafik öğelerinin işlenmesi sınıfını Visual temel alır. Ekrandaki görsel nesnelerin yapısı görsel ağaç tarafından açıklanır. Daha fazla bilgi için bkz. WPF Grafik İşlemeye Genel Bakış.

2B Şekiller

WPF, aşağıdaki çizimde gösterilen dikdörtgenler ve üç nokta gibi yaygın olarak kullanılan vektörle çizilmiş 2B şekiller kitaplığı sağlar.

Üç nokta ve dikdörtgenleri gösteren diyagram.

Bu iç WPF şekilleri yalnızca şekiller değildir: klavye ve fare girişini içeren en yaygın denetimlerden beklediğiniz özelliklerin çoğunu uygulayan programlanabilir öğelerdir. Aşağıdaki örnek, bir MouseUp öğesine tıklanarak tetiklenen Ellipse olayının nasıl işleneceğini gösterir.

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://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

Önceki XAML işaretlemesi ve kod arkası için çıkış aşağıdaki görselde gösterilmektedir.

Daha fazla bilgi için bkz . WPF'de Şekillere ve Temel Çizime Genel Bakış. Giriş örneği için bkz . Şekil Öğeleri Örneği.

2B Geometriler

WPF'nin sağladığı 2B şekiller yeterli olmadığında, geometriler ve yollar için WPF desteğini kullanarak kendi şekillerinizi oluşturabilirsiniz. Aşağıdaki çizimde şekilleri oluşturmak, çizim fırçası olarak oluşturmak ve diğer WPF öğelerini kırpmak için geometrileri nasıl kullanabileceğiniz gösterilmektedir.

Şekil oluşturmak için geometrileri nasıl kullanabileceğinizi gösteren ekran görüntüsü.

Daha fazla bilgi için bkz. Geometriye Genel Bakış. Giriş örneği için bkz. Geometriler Örneği.

2B Efektler

WPF, çeşitli efektler oluşturmak için kullanabileceğiniz 2B sınıflardan oluşan bir kitaplık sağlar. WPF'nin 2B render etme özelliği, gradyanlar, bit eşlemler, çizimler ve videolar içeren kullanıcı arabirimi öğelerini boyama ve döndürme, ölçeklendirme, eğriltme kullanarak işleme yeteneği sağlar. Aşağıdaki çizimde WPF fırçalarını kullanarak başarabileceğiniz birçok etkinin bir örneği verilmiştır.

Farklı WPF fırçalarını ve boya öğelerini gösteren çizim.

Daha fazla bilgi için bkz. WPF Fırçalarına Genel Bakış. Giriş örneği için bkz. Fırça Örneği.

3B İşleme

WPF, daha heyecan verici bir düzen, kullanıcı arabirimi ve veri görselleştirmesi oluşturmanız için WPF'de 2B grafik desteğiyle tümleşen bir dizi 3B işleme özelliği sağlar. Spektrumun bir ucunda WPF, aşağıdaki çizimde gösterildiği gibi 2B görüntüleri 3B şekillerin yüzeylerinde işlemenizi sağlar.

Farklı dokulara sahip 3B şekilleri gösteren bir örneğin ekran görüntüsü.

Daha fazla bilgi için bkz. 3B Grafiklere Genel Bakış. Giriş örneği için bkz. 3B KatıLar Örneği.

Animasyon

Animasyon kullanarak denetimleri ve öğeleri büyütmek, sallamak, döndürmek ve kaybolmasını sağlamak; ayrıca ilginç sayfa geçişleri ve daha fazlasını oluşturmak için. WPF çoğu özelliğe animasyon eklemenizi sağladığından, çoğu WPF nesnesine animasyon eklemenin yanında, oluşturduğunuz özel nesnelere animasyon eklemek için DE WPF kullanabilirsiniz.

Animasyonlu küp ekran görüntüsü.

Daha fazla bilgi için bkz. Animasyona Genel Bakış. Giriş örneği için bkz. Animasyon Örnek Galerisi.

Medya

Görüntüler, video ve ses, bilgi ve kullanıcı deneyimlerini iletmenin medya açısından zengin yollarıdır.

Resimler

Simgeler, arka planlar ve hatta animasyonların bölümlerini içeren görüntüler çoğu uygulamanın temel bir parçasıdır. Görüntüleri sık sık kullanmanız gerektiğinden WPF, bunlarla çeşitli yollarla çalışma özelliğini kullanıma sunar. Aşağıdaki çizimde bu yollardan yalnızca biri gösterilmektedir.

Stil örneği ekran görüntüsü

Daha fazla bilgi için bkz. Görüntülemeye Genel Bakış.

Video ve Ses

WPF'nin grafik özelliklerinin temel özelliklerinden biri, video ve ses içeren multimedya ile çalışmak için yerel destek sağlamaktır. Aşağıdaki örnekte, bir uygulamaya medya oynatıcı ekleme işlemi gösterilmektedir.

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

MediaElement hem video hem de ses yürütme yeteneğine sahiptir ve özel URI'lerin kolayca oluşturulmasını sağlayacak kadar genişletilebilir.

Daha fazla bilgi için bkz . Multimedyaya Genel Bakış.

Ayrıca bakınız