Hello, WPF!

المثال الاول والكلاسيكي في اي دورة برمجة هي مثال "Hello, world!", لكننا في هذا الدورة سنكسر المعتاد ونقوم بعمل "Hello,WPF!" بدلا من ذلك. الهدف ببساطة هو عرض نص على الشاشة وتوضيح بساطة البدء.

الباقي من هذا الدرس يفترض انه لديك IDE مثبت علي جهازك، يفضل Visual Studio او Visual Studio Community (اقرأ الدرس السابق للتعليمات عن كيفية الحصول عليه). اذا كنت تستخدم منتج اخر، سيكون عليك أن توفق التعليمات مع المنتج الذي تستخدمه.

بداخل Visual Studio ابدأ مشروعاً جديدا عن طريق قائمة New project من File . علي اليسار سوف تلاحظ مجموعة من الأقسام . سوف نركز في هذا الدورة علي C# بالتحديد , يمكنك اختيار Windows من القائمة المنسدلة. هذا سوف يعرض لك قائمة من تطبيقات ويندوز المحتملة علي اليمين . بعدها يمكنك اختيار WPF Application. لقد قمت بتسمية المشروع الخاص بي "HelloWPF" في خانة Name تأكد من الخيارات اسف الشاشة ثم اضغط علي ذر Ok

المشروع الجديد سوف يحتوي علي العديد من الملفات , سوف نركز علي واحد فقط منهم الا وهو MainWindox.xaml . هذه هي النافذة الرئيسية للبرنامج , النافذة التي تظهر مباشرة بعد بدأ البرنامج , إلا في حالة تغيير احد الاعدادات. تحتوي علي اكواد XAML (سوف يتم شرحها لاحقا) يجب ان تشبه التالي:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

هذا هو ملف XAML الاساسي الذي ينشأة Visual Studio , جميع محتوياتة سوف تشرف في فصل منفصل علي XAML و النوافذ. يمكنك الان ان تقوم بتنشيط البرنامج بنجاح اختر Debug ->Start debugging او بالضغط علي ذر F5. النتيجة : سوف ترى نافذة فارغة و هذا ما عليه البرنامج حاليا . و هنا يأتي الوقت لاظهار رسالتنا في هذه الشاشة

يمكننا فعل ذلك عن طريق اضافة TextBlock متحكم الي Grid panel , بداخلها الرسالة المذكورة سابقا

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
            Hello, WPF!
        </TextBlock>
    </Grid>
</Window>

قم بتجربة البرنامج مرة اخري عن طريق Debug -> Start debugging أو قم بالضغط علي ذر F5لترى النتيجة الجيدة لعملك الشاق. أول برنامج WPF قمت به

سوف تلاحظ اننا قد قمنا باضافة ثلاث متغيرات داخل TextBlock للحصول علي محازاة معينة (في متوسط النافذة) بالاضافة الي FontSize لتكبير حجم النص. كل هذه الاساسيات سوف تناقش في مقالات لاحقة

شكرا على الوصل لهذة النقطة. فضلا اكمل باقي الدورة لتجيد WPF