Grafikler ve Multimedya

Windows Presentation Foundation (WPF); multimedya, vektör grafikler, animasyon ve içerik oluşturma desteği sayesinde geliştiricilerin ilginç kullanıcı arabirimleri ve içerikler oluşturmasını kolaylaştırır. Visual Studio’yu kullanarak vektör grafikler veya karmaşık animasyonlar oluşturabilir ve medya içeriklerini uygulamalarınızla tümleştirebilirsiniz.

Bu konuda uygulamalarınıza WPF’nin grafik, geçiş efekti, ses ve video eklemenizi sağlayan grafik, animasyon ve medya özellikleri anlatılmaktadır.

Dekont

WPF türlerinin bir Windows hizmetinde kullanılması kesinlikle önerilmez. WPF türlerini bir Windows hizmetinde kullanmaya çalışırsanız, hizmet beklendiği gibi çalışmayabilir.

WPF 4 Sürümündeki Yeni Grafik ve Multimedya Özellikleri

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

  • Düzen Yuvarlama

    Bir nesne kenarı, bir piksel cihazının ortasına düştüğünde, DPI değerinden bağımsız grafik sistemi bulanık veya yarı saydam kenarlar gibi işleme kusurları oluşturabilir. WPF’nin önceki sürümleri bu durumu işlemeye yardımcı olmak için piksel tutturma özelliği içeriyordu. Silverlight 2, kenarların tüm piksel sınırlarına düşmesi için öğeleri taşımanın başka bir yolu olan düzen yuvarlama özelliğini kullanıma sundu. WPF artık FrameworkElement üzerinde UseLayoutRounding ekli özelliğiyle 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 iyileştirebilirsiniz. Bit eşlem, fare tıklamaları gibi kullanıcı girişlerine yanıt vermeye devam eder ve bunu tıpkı bir fırça gibi kullanarak diğer öğeleri boyayabilirsiniz.

  • Piksel Gölgelendiricisi 3 Desteği

    WPF 4, uygulamaların Piksel Gölgelendiricisi (PS) sürüm 3.0 kullanarak efektler yazmasına izin vererek WPF 3.5 SP1’de sunulan ShaderEffect desteğini geliştirir. PS 3.0 gölgelendirici modeli, PS 2.0 sürümünden daha gelişmiştir ve desteklenen donanımlarda daha fazla efekt sağlar.

  • Kolaylaştırıcı İşlevler

    Animasyonların davranışı üzerinde ek denetim sağlayan kolaylaştırıcı işlevlerle animasyonları geliştirebilirsiniz. Örneğin, animasyona yaylanma 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.

Grafik ve İşleme

WPF, yüksek kaliteli 2B grafikler için destek sunar. Fırçalar, geometriler, görüntüler, şekiller ve dönüştürmeler için işlevler bulunur. Daha fazla bilgi için bkz. Grafikler. Grafik öğelerinin işlenmesi Visual sınıfını temel alır. Ekrandaki görsel nesnelerin yapısı, görsel ağaçla açıklanır. Daha fazla bilgi için bkz. WPF’de Grafik İşlemeye Genel Bakış.

2B Şekiller

WPF, aşağıdaki çizimde gösterilen dikdörtgen ve elips gibi yaygın olarak kullanılan, vektörle çizilmiş 2B şekiller içeren bir kitaplık sunar.

Diagram showing ellipses and rectangles.

Bu iç WPF şekilleri yalnızca şekillerden ibaret değildir. Klavye ve fare girişini içeren en yaygın denetimlerden beklediğiniz özelliklerin çoğuna sahip olan programlanabilir öğelerdir. Aşağıdaki örnekte bir Ellipse öğesine tıklandığında oluşturulan MouseUp olayının nasıl işlendiği gösterilmektedir.

<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

Aşağıdaki çizimde yukarıdaki XAML işaretlemesinin çıkışı ve arka plan kod gösterilmektedir.

A message box saying

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

2B Geometriler

WPF’nin sağladığı 2B şekiller yeterli olmadığında, kendi geometrilerinizi ve yollarınızı oluşturmak için WPF’nin desteğinden faydalanabilirsiniz. Aşağıdaki çizimde geometrileri şekilleri oluşturmak, çizim fırçası olarak oluşturmak ve diğer WPF öğelerini kırpmak için nasıl kullanabileceğiniz gösterilmektedir.

Screenshot showing how you can use geometries to create shapes.

Daha fazla bilgi için bkz. Geometriye Genel Bakış. Giriş niteliğindeki bir örnek 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 sunar. WPF’nin 2B işleme özelliği gradyanlar, bit eşlemler, çizimler ve videolar içeren kullanıcı arabirimi öğelerini boyama olanağı sağlar. Ayrıca döndürme, ölçeklendirme ve eğme işlevleriyle bunları düzenleyebilirsiniz. Aşağıdaki çizimde WPF fırçalarını kullanarak gerçekleştirebileceğiniz birçok efektin örnekleri verilmiştir.

Illustration showing the different WPF brushes and paint elements.

Daha fazla bilgi için bkz. WFP Fırçalarına Genel Bakış. Giriş niteliğindeki bir örnek için bkz. Fırçalar Ö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’deki 2B grafik desteğiyle tümleştirilen bir dizi 3B işleme özelliği sunar. Spektrumun bir ucunda WPF, 2B görüntüleri aşağıdaki çizimde gösterilen 3B şekillerin yüzeylerinde işlemenizi sağlar.

Screenshot of a sample showing 3D shapes with different textures.

Daha fazla bilgi için bkz. 3B Grafiklere Genel Bakış. Giriş niteliğindeki bir örnek için bkz. 3B Katı Nesneler Örneği.

Animasyon

Denetimleri ve öğeleri büyütmek, sallamak, döndürmek ve soldurmak, ilgi çekici sayfa geçişleri ve daha fazlasını oluşturmak için animasyon kullanın. WPF çoğu özelliğe animasyon eklemenizi sağladığından çoğu WPF nesnesine animasyon eklemenin yanı sıra oluşturduğunuz özel nesnelere de animasyon ekleyebilirsiniz.

Screenshot of an animated cube.

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

Medya

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

Görüntüler

Simgeler, arka planlar ve hatta animasyonların bölümlerini kapsayan resimler, çoğu uygulamanın temel parçasıdır. Görüntüleri çok sık kullanmanız gerektiğinden WPF bunlarla çeşitli şekillerde çalışma olanağı sunar. Aşağıdaki çizimde bu yöntemlerden yalnızca biri gösterilmiştir.

Styling sample screenshot

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

Video ve Ses

WPF’nin grafik özelliklerinin temel bileşenlerinden biri, video ve ses içeren multimedya dosyalarıyla ç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ına izin verecek şekilde genişletilebilir.

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

Ayrıca bkz.