كيفية التنقل بين الصفحات في مشروع Xamarin

Xamarin عبارة عن منصة برمجية تُستخدم لتطوير الأجهزة المحمولة عبر الأنظمة الأساسية. يمكنك استخدامه لإنشاء تطبيقات على iOS و Android و Windows والمزيد. يمكنك إنشاء مشروع Xamarin جديد باستخدام Visual Studio ، ونشر تطبيقك عن طريق إضافة محتوى وعناصر واجهة مستخدم ووظائف أخرى.

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

كيفية إعداد مشروع Xamarin

للبدء، إنشاء مشروع Xamarin جديد. عند إنشاء تطبيق جديد ، ستكون هناك صفحة رئيسية افتراضية تسمى الصفحة الرئيسية.xaml المخزنة داخل مجلد مشروع Xamarin الرئيسي. ال الصفحة الرئيسية.xaml تعمل الصفحة كشاشة البداية عند تشغيل التطبيق لأول مرة.

تحتوي الصفحة أيضًا على ملف MainPage.xaml.cs ملف ، حيث يمكنك كتابة منطق البرمجة الخاص بك باستخدام C #. قد تستخدم منصات أخرى أخرى لغات ألعاب تطوير الأجهزة المحمولة والتي قد تكون مفيدة لك للتعلم.

1. انتقل إلى الصفحة الرئيسية.xaml وافتحه.
2. في ال MainPage.xaml ملف ، قم بتعديل الكود الافتراضي. استبدل محتويات StackLayout عنصر واجهة المستخدم بتصنيف جديد:
   instagram viewer

   <حشوة StackLayout = "50">
   <نص التسمية = "تطبيق هاتفي المحمول الجديد"
    HorizontalOptions = "مركز"
    VerticalOptions = "CenterAndExpand"
    FontAttributes = "غامق ، مائل"
    حجم الخط = "24"
    لون النص = "أسود" />
   </StackLayout>
   

3. في الجزء العلوي من نافذة Visual Studio ، انقر فوق زر التشغيل الأخضر لتشغيل التطبيق في المحاكي.
4. انتظر حتى يتم تجميع المشروع قبل بدء تشغيل المحاكي.

كيفية إضافة صفحة ثانية إلى مشروع Xamarin

حاليًا ، يحتوي مشروع Xamarin الخاص بك على صفحة واحدة فقط. لإنشاء صفحة جديدة ، قم بإضافة ملف xaml ملف وتعبئته ببعض المحتويات.

1. في Solution Explorer ، انقر بزر الماوس الأيمن فوق المشروع. يختار يضيف، وانقر فوق عنصر جديد.
2. يختار صفحة المحتوى من زامارين. نماذج الفئة. اسم الملف الجديد SecondPage.xaml، وانقر فوق يضيف.
3. سترى الصفحة الجديدة تظهر في مستكشف الحلول ، وستتكون من كلا الملفين xaml ملف و xaml.cs ملف. ال xaml سيتألف الملف من عناصر واجهة المستخدم وعناصر واجهة المستخدم ، وملف xaml.cs سيتألف الملف من منطق التعليمات البرمجية الأخرى ووظائفها.
4. افتح ال SecondPage.xaml الذي سيحتوي بالفعل على بعض التعليمات البرمجية الافتراضية. في حدود StackLayout عنصر واجهة المستخدم ، استبدل التسمية الحالية بتسمية تقول "الصفحة الثانية".

   <StackLayout>
   <نص التسمية ="الصفحة الثانية"
    حجم الخط ="42"
    VerticalOptions ="CenterAndExpand"
    HorizontalOptions ="CenterAndExpand" />
   </StackLayout>

كيفية الانتقال إلى الصفحة الثانية من الصفحة الرئيسية

للانتقال إلى الصفحة الثانية ، أضف زرًا يؤدي إلى تشغيل التطبيق للانتقال إليه.

1. فتح MainPage.xaml.
2. إضافة عنصر زر واجهة المستخدم. أضف الزر الجديد أسفل التسمية.

   <نص الزر = "انتقل إلى الصفحة الثانية"
    x: الاسم = "زر +1"
    لون الخلفية = "# 2196F3"
    لون النص = "دخان ابيض"
    طلب الارتفاع = "50" />

3. فتح MainPage.xaml.cs، وأنشئ وظيفة تسمى انتقل إلى(). داخل الوظيفة ، استخدم ملف التنقل. PushAsync وظيفة للتنقل إلى الصفحة الجديدة. ستحتاج إلى إضافة كائن الصفحة الجديد كوسيطة.

   غير متزامنفارغ NavigateTo (كائن المرسل ، EventArgs e)
   {
    التنقل. PushAsync (الجديد الصفحة الثانية())؛
   }

4. ارجع إلى MainPage.xaml. أضف الجديد انتقل إلى() تعمل في تم النقر ينسب. سيؤدي ذلك إلى تشغيل الوظيفة عندما يضغط المستخدم على الزر.

   <نص الزر = "انتقل إلى الصفحة الثانية"
    x: الاسم = "زر +1"
    النقر = "انتقل إلى"
    لون الخلفية = "# 2196F3"
    لون النص = "دخان ابيض"
    طلب الارتفاع = "50" />

5. في الجزء العلوي من نافذة Visual Studio ، انقر فوق زر التشغيل الأخضر لتشغيل التطبيق باستخدام المحاكي.
6. انقر فوق الزر الموجود في الصفحة الرئيسية. سترى التطبيق ينتقل إلى الصفحة الثانية.

إنشاء تطبيقات الجوال باستخدام Xamarin

Xamarin هي أداة مفتوحة المصدر يمكنك استخدامها لتطوير تطبيقات الهاتف المحمول على iOS و Android و Windows والمزيد. يمكنك إنشاء مشروع Xamarin جديد باستخدام Visual Studio وملء التطبيق وإضافة صفحات متعددة.

لإضافة صفحات متعددة ، قم بإنشاء صفحات محتوى جديدة واملأها بالمحتوى. يمكنك أيضًا الاستفادة من أحداث عند النقر أو أحداث أخرى لتشغيل التطبيق للانتقال إلى الصفحة الجديدة.

هناك الكثير من الأشياء التي تدخل في بناء تطبيقات الهاتف المحمول ، لذلك من المهم بالنسبة لك أن تفهم الأساسيات أثناء البدء. استكشف بعض الدورات الرائعة المتاحة لك للتعلم منها.