التنقل بين XAML الصفحات: Windows Phone 7.5 تطوير تطبيقات Mango - الجزء 21

مرحبا بعودتك إلى سلسلة تطوير Windows Phone 7.5 Mango App. في البرنامج التعليمي الأخير ، نوضح كيفية تطبيق النمط والموضوعات على عناصر التحكم ، في هذا البرنامج التعليمي ، سنرى طريقة واحدة للتنقل بين الصفحات وتمرير البيانات من صفحة إلى أخرى.

نقوم بتحميل صفحات XAML في تطبيقات Silverlight تمامًا كما نقوم بتحميل HTML الصفحات في متصفح الويب. وكما هو الحال في أحد مواقع الويب ، يكون لكل موقع عنوان URL خاص به (محدد موقع الموارد الموحد) على سبيل المثال www.thewindowsclub.com. في تطبيق Windows Phone 7.5 ، نستخدم عنصر تحكم زر الارتباط التشعبي ونستخدم الخاصية NavigateURI الخاصة به مع URI (معرف الموارد الموحد) لصفحة XAML التي تريد تحميلها. لذلك دعونا نبدأ بمثال.

إنشاء مشروع جديد باسم فريد مثل `NavigationDemo`. بعد ذلك ، انقر بزر الماوس الأيمن فوق اسم المشروع في مستكشف الحلول وحدد "إضافة" ثم "عنصر جديد". في الإطار "إضافة عنصر جديد" ، حدد "صفحة Windows Phone Portrait" ، أعطها اسماً مثل Page1.xaml ثم انقر فوق الزر "إضافة" في الأسفل. سيؤدي ذلك إلى إنشاء صفحة جديدة تظهر في علامة تبويب منفصلة في منطقة التصميم الرئيسية. فقط من أجل الوضوح قم بتغيير عنوان الصفحة للصفحة الجديدة إلى "صفحة جديدة" عن طريق تغيير خاصية Text لـ Text Title. التالي في علامة التبويب MainPage.xaml قم بسحب وإسقاط زر ارتباط تشعبي في منطقة التصميم. الآن تغيير خاصية NavigateUri في الإطار "خصائص" لزر "ارتباط تشعبي". أدخل السلسلة التالية

/NavigationDemo؛component/Views/Page1.xaml

الآن قم بتشغيل التطبيق وانقر فوق زر الارتباط التشعبي الموضح في المحاكي. سيتم الانتقال إلى Page1.xaml من MainPage.xaml.

الآن لإرسال المعلومات من صفحة إلى أخرى ، فإننا نستفيد من Querystring. لذا ضع في اعتبارك عنوان URL مثل www.abcxyz.com/images.aspx؟id=3&language=ar. هنا يسمى كل شيء بعد علامة الاستفهام في سلسلة السؤال. يمكنك ملاحظة أن لدينا اثنين من أزواج قيمة الاسم ، أي ، معرف = 3 و languae = en. تسمح لنا علامة العطف بإضافة معلومات مختلفة ، في هذه الحالة ، الهوية واللغة.

لذا الآن في متابعة لمشروعنا ، سنقوم بسحب وإفلات TextBlock في صفحة Page1.xaml. قم بإلغاء تحديد الخاصية TextBlock.Text وإدراج رمز C # التالية في الحدث PhoneApplicationPage_Loaded.

textBlock1.Text = String.Format ("Value: {0}" ، NavigationContext.QueryString ["id"])؛

So في هذا السطر من التعليمات البرمجية ، نستخدم ميزة NavigationContext التي تتيح لنا الوصول إلى عنوان URL ، وبالتحديد سلسلة الاستعلام. نحدد العنصر الذي نريد الوصول إليه في الأقواس المربعة.

قبل تشغيل التطبيق ، سنقوم بتغيير الخاصية NavigateUri لزر الرابط التشعبي إلى ما يلي

/NavigationDemo؛component/Views/Page1.xaml؟id = 1

سنقوم أيضًا بسحب وإسقاط زر ارتباط تشعبي آخر في MainPage.xaml وتعيين خاصية navigateUri الخاصة به إلى ما يلي

/NavigationDemo؛component/Views/Page1.xaml؟id=2

الآن عندما تشغيل التطبيق والنقر فوق زر ارتباط تشعبي في المحاكي سنكون قادرين على رؤية قيمة الهوية التي تم تمريرها من MainPage.xaml. هذا هو مدى سهولة التنقل بين الصفحات في تطبيق Windows Phone 7. استمر في ممارسته حتى تحصل عليه بشكل صحيح. الآن دعونا نتعلم عن العمل مع شريط التطبيقات.