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

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

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

בפרק זה ניצור אפליקציית Silverlight ראשונה. האפליקציה שלנו תכיל כפתור אחד ותציג הודעה כאשר נלחץ על הכפתור.

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

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

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

 

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

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

 

כעת יש לבחור האם נרצה ליצור פרויקט נוסף מסוג ASP.NET שיארח את אפליקציית ה Silverlight שלנו. נוותר על כך ע"י הורדת הסימון מהאפשרות "Host the Silverlight application in a new Web site", ולחיצה על כפתור OK.

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

 

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

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

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

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

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

 

נרצה להוסיף כפתור בגודל 150 על 40 בעל התוכן "Hello Silverlight World", בנוסף נרצה להירשם לאירוע לחיצה על כפתור (Click).
נעשה זאת ע"י הוספת השורה הבאה בתוך האלמנט Grid:

<Button Content="Hello Silverlight World"
       Width="150"
       Height="40"
       Click="Button_Click"
/>

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

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

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

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

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

 

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

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

 

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

MessageBox.Show("Button clicked!");

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

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

 

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

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

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

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

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

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

arikp, מכללת סלע

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

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

תגובות למאמר



עוד במדריך

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

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