כיצד לנווט בין דפים בפרויקט 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 Padding = "50">
   <טקסט תווית = "האפליקציה החדשה שלי לנייד"
    HorizontalOptions = "מֶרְכָּז"
    VerticalOptions = "CenterAndExpand"
    FontAttributes = "מודגש נטוי"
    גודל גופן = "24"
    TextColor = "שָׁחוֹר" />
   </StackLayout>
   

3. בחלק העליון של חלון Visual Studio, לחץ על כפתור ההפעלה הירוק כדי להפעיל את היישום באמולטור.
4. המתן עד שהפרויקט יתבצע לפני שהאמולטור יושק.

כיצד להוסיף דף שני לפרויקט Xamarin

נכון לעכשיו, לפרויקט Xamarin שלך יש רק עמוד אחד. כדי ליצור דף חדש, הוסף דף חדש xaml קובץ ולאכלס אותו בתוכן מסוים.

1. בסייר הפתרונות, לחץ לחיצה ימנית על הפרויקט. בחר לְהוֹסִיף, ולחץ על פריט חדש.
2. בחר עמוד תוכן מ ה Xamarin. טפסים קטגוריה. תן שם לקובץ החדש SecondPage.xaml, ולחץ על לְהוֹסִיף.
3. אתה תראה את הדף החדש מופיע בסייר הפתרונות ויורכב משני xaml קובץ וא xaml.cs קוֹבֶץ. ה xaml הקובץ יורכב ממרכיבי ממשק משתמש ווידג'טים, וה- xaml.cs הקובץ יכלול לוגיקה ופונקציונליות קוד אחרים.
4. פתח את ה SecondPage.xaml קובץ, שכבר יכיל קוד ברירת מחדל כלשהו. בתוך ה StackLayout רכיב ממשק משתמש, החלף את התווית הנוכחית בתווית שאומרת "דף שני".

   <StackLayout>
   <טקסט תווית="עמוד שני"
    FontSize="42"
    VerticalOptions="CenterAndExpand"
    HorizontalOptions="CenterAndExpand" />
   </StackLayout>

כיצד לנווט לדף השני מהעמוד הראשי

כדי לנווט לעמוד השני, הוסף כפתור שיפעיל את האפליקציה לנווט אליו.

1. לִפְתוֹחַ MainPage.xaml.
2. הוסף רכיב ממשק משתמש לחצן. הוסף את הכפתור החדש מתחת לתווית.

   <טקסט לחצן = "נווט לעמוד השני"
    x: שם = "כפתור 1"
    צבע רקע = "#2196F3"
    TextColor = "עשן לבן"
    HeightRequest = "50" />

3. לִפְתוֹחַ MainPage.xaml.cs, וצור פונקציה בשם נווט אל(). בתוך הפונקציה, השתמש ב- ניווט. PushAsync פונקציה כדי לנווט לדף החדש. יהיה עליך להוסיף את אובייקט העמוד החדש כארגומנט.

   אסינכרוןבָּטֵל NavigateTo (שולח אובייקט, EventArgs e)
   {
    ניווט. PushAsync(חָדָשׁ SecondPage());
   }

4. חזור אל MainPage.xaml. הוסף את החדש נווט אל() פונקציה ב לחצו תְכוּנָה. זה יפעיל את הפונקציה כאשר המשתמש ילחץ על הכפתור.

   <טקסט לחצן = "נווט לעמוד השני"
    x: שם = "כפתור 1"
    לחצו = "נווט אל"
    צבע רקע = "#2196F3"
    TextColor = "עשן לבן"
    HeightRequest = "50" />

5. בחלק העליון של חלון Visual Studio, לחץ על כפתור ההפעלה הירוק כדי להפעיל את האפליקציה באמצעות האמולטור.
6. לחץ על הכפתור בעמוד הראשי. תראה את האפליקציה מנווטת לעמוד השני.

יצירת יישומים ניידים באמצעות Xamarin

Xamarin הוא כלי קוד פתוח שבו אתה יכול להשתמש כדי לפתח יישומים ניידים ב-iOS, אנדרואיד, Windows ועוד. אתה יכול ליצור פרויקט Xamarin חדש באמצעות Visual Studio, לאכלס את האפליקציה ולהוסיף מספר דפים.

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

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