משרד

ניווט בין XAML דפים: Windows Phone 7.5 מנגו Apps פיתוח - חלק 21

מסע בתוכנה - פרק 5 - מעבר בין דפים והשבוע המאתגר שעבר עלי

מסע בתוכנה - פרק 5 - מעבר בין דפים והשבוע המאתגר שעבר עלי
Anonim

ברוך הבא אל Windows Phone 7.5 מנגו App App סדרת הפיתוח. במדריך האחרון אנו אומרים כיצד ליישם סגנון וערכות נושא לבקרות, במדריך זה נראה דרך אחת לנווט בין דפים ונתונים חולפים מדף לדף אחר.

אנו מעמיסים דפי XAML באפליקציות Silverlight בדיוק כפי שאנו נטענים HTML דפים בדפדפן אינטרנט. כמו באתר אינטרנט לכל אתר יש כתובת אתר ייחודית משלו (Unified Resource Locator) לדוגמה www.thewindowsclub.com. ביישום של Windows Phone 7.5, אנו משתמשים בבקרת לחצן היפר-קישור ומשתמשים במאפיין NavigateURI שלו עם URI (מזהה משאבים מאוחד) של דף XAML שברצונך לטעון. אז בואו נתחיל עם דוגמה.

צור פרוייקט חדש עם שם ייחודי כמו `ניווט`. לאחר מכן, לחץ באמצעות לחצן העכבר הימני על שם הפרוייקט ב- Explorer Explorer ובחר Add ולאחר מכן פריט חדש. בחלון `הוסף פריט חדש` בחר `דף דיוקן של Windows Phone`, תן לו שם כמו Page1.xaml ולאחר מכן לחץ על הלחצן `הוסף` בתחתית הדף. פעולה זו תיצור דף חדש שמוצג בכרטיסייה נפרדת באזור העיצוב הראשי. רק לשם הבהירות לשנות את כותרת הדף של הדף החדש ל `דף חדש` על ידי שינוי המאפיין טקסט של כותרת דף טקסט. הבא בכרטיסייה MainPage.xaml גרור ושחרר לחצן קישור באזור העיצוב. עכשיו לשנות את המאפיין NavigateUri בחלון מאפיינים עבור לחצן היפר. הכנס את המחרוזת הבאה

/NavigationDemo;component/Views/Page1.xaml

כעת הפעל את היישום ולחץ על לחצן ההיפר-קישור שמופיע באמולטור. אתה תהיה מנווט כדי Page1.xaml מ MainPage.xaml.

עכשיו כדי לשלוח מידע מדף אחד למשנהו אנו עושים שימוש Querystring. לכן, שקול כתובת אתר כגון www.abcxyz.com/images.aspx?id=3&language=iw. כאן הכל אחרי סימן השאלה נקרא querystring. אתה יכול להבחין כי יש לנו שני זוגות ערך שם, כלומר, id = 3 ו languae = en. אמפרסנד מאפשר לנו להוסיף חלקים שונים של מידע, במקרה הזה מזהה את השפה.

אז עכשיו בהמשך לפרויקט שלנו אנו גרור ושחרר TextBlock בדף page1.xaml. נקה את המאפיין TextBlock.Text והוסף את קוד C # הבא באירוע PhoneApplicationPage_Loaded

textBlock1.Text = String.Format ("ערך: {0}", NavigationContext.QueryString ["id"]);

בקוד זה של קוד אנו עושים שימוש ב- NavigationContext אשר נותן לנו גישה לכתובת האתר, במיוחד querystring. אנו מציינים את הפריט אליו אנו רוצים לגשת בסוגריים המרובעים.

לפני הפעלת היישום אנו נשנה את המאפיין NavigateUri של לחצן ההיפר-קישור ל

/NavigationDemo;component/Views/Page1.xaml?id = 1

אנחנו גם גרור ושחרר עוד כפתור קישור MainPage.xaml ולהגדיר את המאפיין navigateUri שלה הבאה

/NavigationDemo;component/Views/Page1.xaml?id=2

עכשיו להפעיל את היישום ולחץ על כפתור היפר ב אמולטור נוכל לראות את הערך של מזהה עבר MainPage.xaml. כך קל לנווט בין הדפים הוא יישום Windows Phone 7. תמשיך לתרגל את זה עד שאתה מקבל את זה נכון. עכשיו מאפשר ללמוד על עבודה עם יישום בר