السابق

التالي

مقدمة

مكتمل

يتيح لك .NET MAUI إنشاء واجهة مستخدم التطبيق ديناميكيا باستخدام التعليمات البرمجية C#. ومع ذلك، في بعض الأحيان يكون تعريف واجهة المستخدم بشكل ثابت أكثر ملاءمة وكفاءة. توفر Extensible Application Markup Language (XAML) طريقة لتخطيط واجهة المستخدم في وقت التحويل البرمجي. يوفر وصف XAML لواجهة المستخدم أيضا درجة من الوثائق، ما يسمح لك بفهم الطريقة التي يتم بها تقديم واجهة المستخدم للمستخدم بسرعة دون الحاجة إلى التعمق في التعليمات البرمجية للتطبيق.

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

تريد العثور على حلّ من شأنه أن يقدم عملية فصل نظيفة لواجهة المستخدم والسلوك. يسمح فصل واجهة المستخدم والسلوك لخبراء التصميم بالتركيز على ما يفعلونه بشكل أفضل، وسيتوفر لديك الوقت للتركيز على ترميز سلوك التطبيق. يتيح لك .NET MAUI تحديد واجهة المستخدم باستخدام XAML. يمنحك XAML عملية فصل نظيفة لواجهة المستخدم (UI) والسلوك. كما يسهل XAML استخدام خبير تصميم وأدوات تصميم. في هذه الوحدة النمطية، ستتعلم كيفية إنشاء تطبيق .NET MAUI الذي يحدد صفحاته وعناصر التحكم الخاصة به باستخدام XAML بدلا من التعليمات البرمجية C#. يتيح لك إنشاء واجهة المستخدم على XAML فصل جميع التعليمات البرمجية لواجهة المستخدم عن التعليمات البرمجية للسلوك لتسهيل إدارة كليهما.

الأهداف التعليمية

في هذه الوحدة النمطية، ستتعرف على ما يلي:

• فوائد استخدام XAML على تعريف واجهة المستخدم لتطبيق .NET MAUI في C#‎.
• كيفية إنشاء الصفحات وعناصر التحكم وتعيين خصائصها باستخدام XAML.
• كيفية التعامل مع أحداث واجهة المستخدم وربطها في XAML.
• كيفية إنشاء واستخدام ملحقات علامات XAML.
• كيفية تعيين قيم خاصة بالنظام الأساسي في علامات XAML.

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

• Visual Studio 2022 مع تثبيت حمل عمل .NET MAUI
• اختياري: Visual Studio Code مع ملحق .NET MAUI و.NET SDK مع تثبيت حمل عمل .NET MAUI
• تعرف على C# و.NET

متطلبات تطوير .NET MAUI

لإنشاء تطبيقات .NET MAUI باستخدام .NET 8، تحتاج إلى تثبيت Visual Studio الإصدار 17.8 أو أحدث مع تثبيت حمل العمل التالي:

• تطوير واجهة مستخدم تطبيق .NET متعدد الأنظمة الأساسية

بالإضافة إلى ذلك، إذا كنت ترغب في إنشاء تطبيقات .NET MAUI Blazor، يجب تثبيت حمل عمل تطوير ASP.NET والويب.

راجع الوثائق للحصول على معاينة للإعداد.

التطوير باستخدام Visual Studio Code

إذا كنت تقوم بالتطوير على macOS أو Linux، فستحتاج إلى تثبيت Visual Studio Code و.NET MAUI Extension جنبا إلى جنب مع .NET SDK و.NET MAUI Workload. راجع الوثائق للحصول على معاينة للإعداد.

متابعة