וובמאסטר - תיכנות ובניית אתרים

מדריך Windows Phone – תוכנית ראשונה

arikp ,‏ מכללת סלע‏ ‏/‏ 6 יולי, 2011
F+
F-

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

ראשית נפתח את סביבת הפיתוח:

לחצו על כפתור Start, בחרו ב All Programs, בחרו Microsoft Visual Studio 2010 Express ואז Microsoft Visual Studio 2010 Express for Windows Phone.

מדריך Windows Phone – תוכנית ראשונה

 

כעת נפתח פרויקט חדש ע"י לחיצה על New Project ונבחר באפשרות Windows Phone Application. ניתן שם לפרויקט FirstWindowsPhoneApplication ונלחץ OK.

מדריך Windows Phone – תוכנית ראשונה

 

במסך הבא, יהיה עליכם לבחור את גרסת מערכת ההפעלה שתרצו לפתח עבורה, אנו נבחר Windows Phone 7.1:

מדריך Windows Phone – תוכנית ראשונה

 

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

מדריך Windows Phone – תוכנית ראשונה

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

 

מצב הפרויקט בעת הפתיחה הראשונה אמור להראות כמו בתמונה הבאה

מדריך Windows Phone – תוכנית ראשונה

 

מצד ימין יש את פירוט הקבצים בפרויקט, מרכז המסך מחולק לשני חלקים:
בחלק הראשון (צד ימין) ישנו קוד בשפת XAML (מבוטא zamel), קוד זה מתאר את מראה האפליקציה, נלמד על כך עוד בחלקים הבאים במדריך.
החלק השני (צד שמאל) מייצג גרסה גרפית של קוד ה XAML, זהו למעשה מראה האפליקציה במצב הנוכחי.

כעת נתמקד בחלק של קוד ה XAML

מדריך Windows Phone – תוכנית ראשונה

 

נרצה להוסיף כפתור בגודל 400 על 100 בעל התוכן "Hello Windows Phone World", בנוסף נרצה להירשם לאירוע לחיצה על כפתור (Click).
ראשית נחפש את האלמנט מסוג Grid בעל השם ContentPanel (נמצא לקראת סוף קובץ ה XAML), הקוד שאנו מחפשים, לפני השינוי נראה כך:

<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"></Grid
>


כעת נוסיף בתוך האלמנט Grid את הגדרת הכפתור באופן הבא:

    <!--ContentPanel - place additional content here-->
    <Grid
     x:Name="ContentPanel"
     Grid.Row="1"
     Margin="12,0,12,0">
      <Button
       Content="Hello Windows Phone World"
       Height="100"
       Width="400"
       Click="Button_Click" />
    </Grid
>

שימו לב: מומלץ שתכתבו זאת בעצמכם, ללא הדבקה מהמדריך כדי לראות כיצד סביבת העבודה עוזרת לכם בהשלמה האוטומטית.

מדריך Windows Phone – תוכנית ראשונה

 

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

כעת נרצה להוסיף קוד לאירוע Button_Click. נלחץ עם כפתור ימני על הכיתוב "Button_Click" ונבחר באפשרות "Navigate to Event Handler"

מדריך Windows Phone – תוכנית ראשונה

 

נקבל את קטע הקוד שמשויך לחלון האפליקציה שלנו, עם פונקציה בשם Button_Click ריקה

מדריך Windows Phone – תוכנית ראשונה

 

נוסיף לפונקציה את השורה:

MessageBox.Show("Button clicked!");

ונריץ את האפליקציה ע"י לחיצה על כפתור Play (משולש ירוק). ניתן גם להפעיל את האפליקציה ע"י לחיצה על מקש F5.

מדריך Windows Phone – תוכנית ראשונה

 

כאשר נפעיל את האפליקציה היא תתחיל לרוץ בעזרת התוכנה  Windows Phone Emulator שהותקנה כחלק מחבילת כלי הפיתוח. תוכנה זו מדמה פלאפון אמיתי ולכן מאפשרת פיתוח והרצת תוכנות גם למפתחים שאין ברשותם מכשיר Windows Phone.

מדריך Windows Phone – תוכנית ראשונה

 

האפליקציה כעת רצה בתוך האמולטור ומציגה את הכפתור שלנו:

מדריך Windows Phone – תוכנית ראשונה

 

לחיצה על הכפתור תציג את ההודעה "!Button clicked" :

מדריך Windows Phone – תוכנית ראשונה

 

מזל טוב! יצרתם את אפליקציית Windows Phone הראשונה שלכם בהצלחה!

בפרק הבא נתחיל לצלול לתוך הפרטים של שפת XAML.

arikp, מכללת סלע

אריק פוזננסקי הוא יועץ בכיר ומרצה בסלע. הוא השלים שני תארי B.Sc. במתמטיקה ומדעי המחשב בהצטיינות יתרה בטכניון. לאריק ידע נרחב בטכנולוגיות מיקרוסופט, כולל .NET עם C#, WPF, Silverlight, WinForms, Interop, COM/ATL, C++ Win32 ו reverse engineering.
תגיות: Windows Phone‏  /  SilverLight‏  /  פיתוח‏  /  מדריך‏  /  סלולארי‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות