نظرة عامة حول رسومات WPF , الحركة و الوسائط

مقالة
11/01/2010

يقدم هذا الموضوع الرسومات, الحركة و ميزات وسائط Windows Presentation Foundation (WPF) و التي تمكنك من إضافة رسومات, تأثيرات المراحل الانتقالية ، الصوت و ملفات الفيديو إلى التطبيقات الخاصة بك.

WPFيوفر الرسم المتقدم و ميزات رسم متحرك، الميزات التي كانت متوفرة في السابق فقط من مكتبات متخصصة، على وجه الخصوص،واجهة جهاز رسومية في Microsoft Windows (GDI)وMicrosoft Windows GDI+. WPFالآن عروض متكاملة دعم الوسائط المتعددة والرسومات vecإلىr الحركة وتركيب المحتوى، ليجعل من السهل للمطورين إلى بناء واجهات مستخدم مثيرة للاهتمام ومحتوى. باستخدام Microsoft Visual Studio .NET, أو حتى محرر نص مثل Microsoft Notepad, يمكنك إنشاء رسومات موجهة أو حركات معقدة و تكامل الوسائط في التطبيقات الخاصة بك.

يشتمل هذا الموضوع على الأقسام التالية.

ما هو الجديد في رسومات و تعدد الوسائط في WPF 4.0
الرسومات المتحركة
الوسائط
الخدمات Windows و الرسومات WPF
موضوعات ذات صلة

ما هو الجديد في رسومات و تعدد الوسائط في WPF 4.0

تم إجراء العديد من التغييرات ذات صلة إلى الحركات و الرسومات.

تدوير التخطيط

عندما تسقط حافة كائن في منتصف جهاز بكسل، يمكن لنظام الرسومات DPI المستقل إنشاء أشياء مصنوعة معروضة مثل الحواف الضبابية أو الشبه-شفافة. الإصدارات السابقة من WPF تتضمن إطباق بكسل للمساعدة على معالجة هذه الحالة. 2 Silverlight قدم تقريب التخطيط الذي هو طريقة أخرى لنقل العناصر بحيث الحواف تقع ضمن حدود البكسل بالكامل. يدعم WPF الآن تقريب التخطيط بالخاصية المرفقة UseLayoutRounding على FrameworkElement.
التركيب المخزن مؤقتاً

باستخدام الفئات الجديدة BitmapCache و BitmapCacheBrush ، يمكنك تخزين مؤقتا جزء معقد من الشجرة المرئية كصورة نقطية و بشكل كبير يحسن وقت العرض. تبقى الصورة النقطية مستجيبة إلى إدخال المستخدم مثل نقرات الماوس و يمكنك رسمها على عناصر أخرى مثل أي فرشاة.
دعم 3 pixel shader

يبني WPF 4 فوق ShaderEffect الدعم المقدم في WPF 3.5 SP1 بالسماح للتطبيقات الآن بكتابة تأثيرات باستخدام ShaderPixel (PS)الإصدار 3.0. يعد طراز shader 3.0 PS أكثر تعقيداً من 2.0 PS و الذي يسمح بالحصول على مزيد من التأثيرات على الأجهزة المدعمة.
دالات التسهيل

يمكنك تحسين الحركة باستخدام دالات easing يمنحك التحكم في سلوك حركات إضافى. على سبيل المثال، يمكنك يطبق ElasticEaseإلى حركة إلى إعطاء رسم متحرك سلوك مرنة. للحصول على مزيد من المعلومات، راجع أنواع easing في System.Windows.Media.Animationمساحة الاسم.

الأشكال ثنائية الأبعاد

WPF يوفر مكتبة لأشكال مرسومة بخطوط متجه 2-D شائعة الاستخدام مثل المستطيلات، و القطع الناقص التي يتم عرضها في الرسم التوضيحي التالي.

القطع الناقصة والمستطيلات

هذه الأشكال WPF المضمنة ليست أشكال فقط: وتكون قابلة للبرمجة العناصر التي تقوم بتنفيذ العديد من الميزات التي تتوقعها من عناصر التحكم الأكثر شيوعاً، والتي تضمين لوحة المفاتيح والماوس إدخال. يوضح المثال التالي كيفية إلى معالجة MouseUpحدث من قبل النقر فوق Ellipseالعنصر.

<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!");
    }
}

يبين المثال التالي ناتج العلامات XAML السابقة و التعليمات البرمجية الخلفية.

نافذة تحتوي على النص "لقد قمت بالنقر فوق القطع الناقص!"

لمزيد من المعلومات، راجع الأشكال و الرسم الأساسي في نظرة عامة WPF. للحصول على نموذج تمهيدي، راجع نموذج عناصر الشكل.

الهندسيات ثنائية الأبعاد

عندما تكون أشكال 2-D التي يوفرها WPF غير كافية, يمكنك استخدام دعم WPF دعم للهندسيات والمسارات لإنشاء الأشكال الخاصة بك. يبين الرسم التوضيحي التالي كيفية استخدام الهندسيات إنشاء الأشكال، مثل فرشاة رسم و لقص عناصر WPF أخرى.

استخدامات متنوعة لمسار

لمزيد من المعلومات، راجع نظرة عامة على هندسة. للحصول على نموذج تمهيدي، راجع نموذج الهندسيات.

تأثيرات ثنائية الأبعاد

WPF يوفر مكتبة من فئات 2-D التي يمكنك استخدامها لإنشاء مجموعة متنوعة من التأثيرات. 2-Dإمكانية عرض WPFيوفر القدرة على إلى الطلاء واجهة المستخدمالعناصر لها التدرجات والصور النقطية، الرسومات وملفات الفيديو; و إلى معالجتها باستخدام التدوير، والتدرج، و skewing . يعطي التوضيح التالي مثال على العديد من تأثيرات التي يمكنك تحقيقها باستخدام فرشات WPF.

توضيح فرشات مختلفة

لمزيد من المعلومات، راجع نظرة عامة على فرشات WPF. للحصول على نموذج تمهيدي، راجع نموذج الفرش.

التقديم ثلاثي الأبعاد

WPF يوفر مجموعة من إمكانيات تقديم 3-D التي تتكامل مع دعم الرسومات 2-D في WPF لكي تقوم بإنشاء تخطيط مثير أكثر,واجهة المستخدم ، البيانات المرئية. في نهاية الطيف, يمكنك WPF من تقديم صور 2-D إلى الأسطح من أشكال 3-D التي يوضحها الرسم التوضيحي التالي.

لقطة شاشة لعينة Visual3D

لمزيد من المعلومات، راجع نظرة عامة على الرسوميات ثلاثية الأبعاد. للحصول على نموذج تمهيدي، راجع النموذج الصلب ثلاثي الأبعاد.

الرسومات المتحركة

استخدام الرسومات المتحركة لتزويد العناصر و عناصر التحكم، و تحريكها، و زيادة ونقصان الإظهار و لإنشاء انتقالات للصفحة مثيرة للاهتمام و أكثر. لأن WPF يمكنك من تحريك معظم الخصائص, ليس فقط يمكنك تحريك معظم كائنات WPF يمكنك أيضاً استخدام WPF لتحريك كائنات مخصصة التي تقوم بإنشائها.

صور مكعب متحرك

لمزيد من المعلومات، راجع نظرة عامة حول الحركة. للحصول عل نموذج تمهيدي، راجع معرض مثال الحركة.

الوسائط

الصور, الفيديو و الصوت هم طرق غنية بالوسائط لنقل خبرات ومعلومات المستخدم.

صور

الصور التي تتضمن الرموز, الخلفيات و حتى أجزاء من الحركات ، هم جزء أساسي من معظم التطبيقات. لأنك تحتاج إلى استخدام الصور بشكل متكرر, WPF يكشف القدرة على العمل معهم في العديد من الطرق. يبين الرسم التوضيحي التالي فقط في إحدى هذه الطرق.

لقطة شاشة لعينة الأنماط

لمزيد من المعلومات، راجع نظرة عامة حول التصوير.

الصوت والفيديو

ميزة أساسية من قدرات الرسومات من WPF لتوفير دعم أصلي للعمل مع الوسائط المتعددة الذي يشتمل على الفيديو و الصوت. يظهر المثال التالي كيفية إدراج مشغل وسائط إلى تطبيق.

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

MediaElement قادر على قراءة الصوت والفيديو و يمكنه التوسع كفابة للسماح بإنشاء سهل من واجهات المستخدم مخصص.

لمزيد من المعلومات، راجع نظرة عامة حول متعدد الوسائط.

الخدمات Windows و الرسومات WPF

استخدام WPF كتابة في خدمة Windows هو discouraged بشدة. إذا قمت بمحاولة إلى استخدام هذه الميزات في الخدمة Windows، قد لا تعمل هذه الصفحات كما هو متوقع.