دليل إنشاء تطبيق WPF بسيط باستخدام #C

المقدمة

WPF (Windows Presentation Foundation) هو إطار عمل لإنشاء واجهات مستخدم رسومية لتطبيقات ويندوز باستخدام لغة #C. يوفر WPF إمكانيات قوية لتصميم وتطوير واجهات رسومية متقدمة، بما في ذلك دعم التفاعل مع المستخدم والرسوم المتحركة. في هذا الدليل، سنقوم بإنشاء تطبيق WPF بسيط يتضمن نافذة تحتوي على واجهة مستخدم أساسية.

المتطلبات الأساسية

• معرفة بلغة #C
• تثبيت Visual Studio (أو أي بيئة تطوير تدعم WPF)
• فهم أساسيات XAML (لغة توصيف تطبيقات WPF)

الخطوة الأولى: إنشاء مشروع WPF جديد

• افتح Visual Studio واختر “Create a new project”.
• اختر نوع المشروع “WPF App (.NET Core)” أو “WPF App (.NET Framework)” بناءً على إصدار .NET الذي تريد استخدامه.
• قم بتسمية المشروع واضغط على “Create”.

الخطوة الثانية: تصميم الواجهة باستخدام XAML

ستجد أن المشروع يحتوي على ملف MainWindow.xaml. هذا الملف يحتوي على تصميم واجهة المستخدم الخاص بالتطبيق. لنقم بإنشاء واجهة بسيطة تحتوي على زر ونص.

افتح ملف MainWindow.xaml وأضف الكود التالي:

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

    <Grid>
        <TextBlock Name="textBlock" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="10" FontSize="16" Text="مرحبا بك في تطبيق WPF!" />
        <Button Content="اضغط هنا" HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" Click="Button_Click"/>
    </Grid>

</Window>

في هذا التصميم، قمنا بإضافة TextBlock يعرض رسالة ترحيب وزر يحتوي على النص “اضغط هنا”.

الخطوة الثالثة: إضافة منطق التطبيق باستخدام #C

الآن، سنقوم بإضافة كود #C لمعالجة الحدث عندما يتم النقر على الزر.

افتح ملف MainWindow.xaml.cs وأضف الكود التالي:

using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            textBlock.Text = "تم الضغط على الزر!";
        }
    }
}

هذا الكود يقوم بتغيير نص TextBlock إلى “تم الضغط على الزر!” عندما يتم النقر على الزر.

الخطوة الرابعة: تشغيل التطبيق

الآن يمكنك تشغيل التطبيق من خلال الضغط على زر “Start” في Visual Studio. سترى نافذة WPF تحتوي على رسالة ترحيب وزر. عند النقر على الزر، سيتم تغيير النص كما هو محدد في الكود.

الخاتمة

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