Grafikler ve Multimedya

  • Makale
  • Okumak için 2 dakika

Windows Presentation Foundation (WPF) Çoklu ortam, vektör grafikleri, animasyon ve içerik oluşturma desteği sunarak geliştiricilerin ilginç kullanıcı arabirimlerini ve içerikleri oluşturmasını kolaylaştırır. Visual Studio 'yu kullanarak vektör grafikleri veya karmaşık animasyonlar oluşturabilir ve bu ortamları uygulamalarınızla tümleştirin.

Bu konuda WPF , uygulamalarınıza grafikler, geçiş efektleri, ses ve video eklemenize olanak sağlayan grafik, animasyon ve medya özellikleri tanıtılmaktadır.

Not

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

WPF 4 ' te grafik ve multimedya yenilikleri

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

  • Düzen yuvarlama

    Bir nesne kenarı bir piksel cihazının ortasında yer alıyorsa, DPı bağımsız grafik sistemi bulanık veya yarı saydam kenarlar gibi işleme yapıtları oluşturabilir. WPF 'nin önceki sürümleri, bu durumu işlemeye yardımcı olmak için piksel yaslaması içerir. Silverlight 2 ' de, öğelerin tam piksel sınırlarına dönüşecek şekilde öğeleri taşımanın başka bir yolu olan düzen yuvarlama sunuldu. WPF artık ekli özelliği olan düzen yuvarlamayı desteklemektedir UseLayoutRounding FrameworkElement .

  • Önbelleğe alınmış bileşim

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

  • Pixel Shader 3 desteği

    WPF 4, ShaderEffect uygulamaların Pixel Shader (PS) sürüm 3,0 ' i kullanarak etkileri yazmasına izin vererek wpf 3,5 SP1 'de sunulan desteğin en üstünde oluşturulur. PS 3,0 gölgelendirici modeli PS 2,0 ' den daha karmaşıktır ve desteklenen donanımlar üzerinde daha da fazla etkiye olanak tanır.

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

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

Grafik ve Işleme

WPF, yüksek kaliteli 2B grafikler için destek içerir. İşlevsellik, fırçalar, geometriler, görüntüler, şekiller ve dönüşümler içerir. Daha fazla bilgi için bkz. grafikler. Grafik öğelerinin işlenmesi sınıfı temel alır Visual . Ekrandaki görsel nesnelerin yapısı, görsel ağaç tarafından açıklanmıştır. Daha fazla bilgi için bkz. WPF Grafik Işlemeye genel bakış.

2B şekiller

WPF, aşağıdaki çizimin gösterdiği dikdörtgen ve elips gibi yaygın olarak kullanılan, vektör çizimli 2B şekillerin bir kitaplığını sağlar.

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

Bu iç WPF şekilleri yalnızca şekil değildir: klavye ve fare girişi içeren en yaygın denetimlerden beklediğinizi birçok özelliği uygulayan programlanabilir öğelerdir. Aşağıdaki örnek, MouseUp bir öğesine tıklanarak oluşturulan olayın nasıl işleneceğini gösterir Ellipse .

<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, önceki XAML biçimlendirme ve arka plan kodu için çıkış gösterilmektedir.

"Elips tıkladınız!" ifadesini bildiren bir ileti kutusu

Daha fazla bilgi için bkz. WPF 'de şekillere ve temel çizime genel bakış. Bir tanıtıcı örnek için bkz. Şekil öğeleri örneği.

2B geometriler

WPF 'in sağladığı 2B şekiller yeterli olmadığında, kendinizinkini oluşturmak için geometriler ve yollar için WPF desteği kullanabilirsiniz. Aşağıdaki çizimde, bir çizim Fırçası olarak şekiller oluşturmak ve diğer WPF öğelerini kırpmak için geometriler nasıl kullanabileceğiniz gösterilmektedir.

Şekil oluşturmak için geometrilerin nasıl kullanılabileceğini gösteren ekran görüntüsü.

Daha fazla bilgi için bkz. geometriye genel bakış. Tanıtıcı bir örnek için bkz. geometriler örneği.

2B efektler

WPF, çeşitli efektler oluşturmak için kullanabileceğiniz bir 2B sınıf kitaplığı sağlar. WPF 'in 2B işleme özelliği, Kullanıcı arabirimi degradeler, bit eşlemler, çizimler ve videolar içeren öğeleri boyama ve döndürme, ölçekleme ve eğriltme kullanarak bunları değiştirme olanağı sağlar. Aşağıdaki çizimde, WPF fırçalarını kullanarak elde edilebilecek birçok etkiye bir örnek verilmiştir.

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

Daha fazla bilgi için bkz. WPF Fırçalarına Genel Bakış. Tanıtıcı bir örnek için bkz. fırçalar örneği.

3B Işleme

WPF, daha heyecan verici düzen, Kullanıcı arabirimi ve veri görselleştirmesi oluşturabilmeniz IÇIN WPF 'de 2B grafik desteğiyle tümleştirilebilen bir dizi 3B işleme özelliği sağlar. Bu, tayfın bir ucunda, 2B görüntüleri aşağıdaki çizimin gösterdiği 3B şekillerin yüzeylerine göre işlemenizi sağlar.

Farklı dokularla 3B şekilleri gösteren örnek ekran görüntüsü.

Daha fazla bilgi için bkz. 3B grafiklere genel bakış. Tanıtıcı bir örnek için bkz. 3B Solids örneği.

Animasyon

Denetimleri ve öğeleri büyütmek, sallama, döndürme ve belirme yapmak için animasyon kullanın; ve ilginç sayfa geçişleri ve daha fazlasını oluşturun. WPF birçok özelliğe animasyon uygulamanızı sağladığından, yalnızca birçok WPF nesnesini hareketlendirmenize olanak tanıdığından, oluşturduğunuz özel nesnelere animasyon eklemek için WPF de kullanabilirsiniz.

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

Daha fazla bilgi için bkz. animasyon genel bakış. Bir tanıtıcı örnek için bkz. animasyon örnek Galerisi.

Medya

Görüntü, video ve ses, bilgi ve kullanıcı deneyimlerini vermenin zengin ortamlarıdır.

Görüntüler

Simgeler, arka planlar ve hatta animasyonların parçaları dahil olmak üzere birçok uygulamanın temel bir parçası olan görüntüler. Genellikle görüntüleri kullanmanız gerektiğinden, WPF bunlarla çeşitli yollarla çalışma olanağı sunar. Aşağıdaki çizimde bu yolların yalnızca biri gösterilmektedir.

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

Daha fazla bilgi için bkz. Imaging 'e genel bakış.

Video ve ses

WPF 'nin grafik özelliklerinin temel bir özelliği, video ve ses dahil olmak üzere multimedya ile çalışmaya yönelik yerel destek sağlamaktır. Aşağıdaki örnek, bir medya yürütücüsünün bir uygulamaya nasıl ekleneceğini gösterir.

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

MediaElement hem video hem de ses oynamaya sahiptir ve özel Uıof 'ın kolay oluşturulmasına izin vermek için yeterince genişletilebilir.

Daha fazla bilgi için Çoklu ortama genel bakışkonusuna bakın.

Ayrıca bkz.