, אסינכרוני תכנותופיתוח תקשורת

אפליקציות Windows 8.1ל-

ואפליקציות Windows Phoneל-8

WPF

Introduction to WPF1. User interface (UI) and user experience (UX)

2. What is WPF?

3. WPF vs. Windows Forms

4. Why WPF?

5. Tools

User interface (UI) and user experience (UX)UI != UX

UI – User Interface . , , המושכות- הארכובות האוכף זה המשתמש ממשקUX – User Experience . הסוס– על רוכב שהוא בזמן מקבל שהרוכב ההרגשה זה

UI..... , , , , פריט – , כל של המיקום הפקדים התמונות הצבעים האייקונים המסך מבנהUX , , קל – בה להשתמש לו נעים כמה במערכת משתמש כשהוא למשתמש שיש החוויה

..... , , הצרכים על עונה נגישות אותה להבין ופשוט

UI. / גראפיים – טכנולוגיים כלים של אוסףUX. , , בנגישות – בשימושיות באינטראקציה שמטפל עיצובי קונספט

UI. / המערכת – של עיצוביים הטכנולוגיים בהיבטים מטפלUX. , , ממוקד - עיצוב ועקרונות מידע ארכיטקטורת פסיכולוגיה ההתנהגות מדעי

. שונים מקצוע בעלי

, חוקר" נורמן דונלד ר ד

, אבי הקוגניציה מדע - ה UIתורת

What is WPF? בשנת לגרסת ) NET Framework 3.5.עם 2008הוכרזה ישיר Avalonהמשך

(2006מ-

של התיבות Windows Presentation Foundationראשי

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

על הוותיק DirectXמתבססת בגרפי המנוע על +.GDI\GDIולא

( המשותף הפיתוח של חזון מימוש של (.PC, Web, Mobileהתחלה

WPF vs. Windows Forms ) של ) הגראפית הפלטפורמה כמעט עשורים שני Desktopליישומי Windowsבמשך

- GDIהייתה .GDIו עליה+ שהתבססה

. , ויציבה" מוכחת מוצלחת גראפית בפלטפורמה מדובר כ סה

יישומי עבור לחלוטין חדשה בתשתית השקיעה מיקרוסופט מדוע ?Desktopאז

- ה ברזי הבקיא מתכנת חדשה+ GDI\GDIמדוע טכנולוגיה וללמוד להכיר צריך? שלו לפרויקטים

? באמת למה אז

חומרה 1. האצתולכן ומכבידה כבדה היא של DirectXגרפיקה הגרפי המנוע ניצול WPF, DirectXהוא מאפשר

הגרפי המעבד ושל המסך כרטיס יכולות של יותר יעל

ועצמאית 2. פנימית רזולוציהWPF ולגדרות המסך לרזולוציית הגרפי הממשק את להתאים . DPIיודע או שינויים המערכת של

. התצוגה את מעוותים אינם מסך וכרטיסי מסכים בין הבדלים

פנימי 3. ציור- מ שונה בצורה הפקדים את לצייר המאפשר חדש דבר GDIמודל כל לקסטם למפתחים ומאפשר

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

. הפקד מסגרת מגבולות חריגה

פיתוח 4. ממשק : , ' לעיצוב חדשה תגיות שפת חלקים לשני מחולק חלון להתנהגות ואל הוויז בין מלאה הפרדה

הנקראת ותוכנו - XAMLהחלון )' ו ) ' זאמל - Code Behindמבטאים ב ומטפל# Cשנכתב. החלון, ואירועי תכנותיות הגדרות באתחולים

, את ולבנות מהקוד המשתמש ממשק בניית את להפריד בקלות גרפיים XAMLניתן בכליםכגון ) לעריכתו אחרים( BLENDמקצועיים תכנותיים כלים באמצעות ההתנהגות את ולהגדיר

(Visual Studio.)

Why WPF?

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

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

עשיר 6. גרפיקה מודל ( , , עם בעבודה גם שקיפות וקטורית בגרפיקה להשתמש ניתן פיקסלים מבוסס למודל בניגוד

. אמיתי( ממד בתלת ותמיכה שכבות

אנימציה 7.באמצעות או בקוד ממדיות תלת אנימציות להגדיר XAMLניתן

ווידאו 8. בסאונד תמיכה - ב אודיו או וידאו לשלב פשוטה , XAMLאפשרות יותר במקביל להריץ ניתן קוד באמצעות או

ממד ) תלת קוביית על סרטון הצגת לדוגמא אחרים פקדים גבי על וידאו להטמיע ואף אחת ממדיהמסתובבת(

.9 - ב מלאה - 2Dתמיכה 3Dוב

WPF vs. Windows Forms

Why WPF?.10: הפיתוח היבטי לכל אחידה טכנולוגיה

טכנולוגיות )WebFormsב- בהרבה ,Windows FormsנעזריםSystem.Drawing.dll, DirectX, Windows Media Player APIs - WPFב (,

של במנוע רק .WPFמשתמשים

מאשר 11. יותר מהיר פיתוח WinFormsתהליך