PracticU

פרויקט מעשי ב-#C - תוכנת צייר - חלק 12

בלי כתוביותעם כתוביות
PracticU › פרויקט מעשי ב-#C - תוכנת צייר › פרויקט מעשי ב-#C - תוכנת צייר - חלק 12
מילון מושגים:
ממשק - נקודת מגע בין רכיבים: ממשק משתמש שבו אדם מפעיל תוכנה, או ממשק תכנותי שמגדיר אילו פעולות רכיב אחד חושף לאחר.
טופס - אזור בממשק שבו המשתמש מזין נתונים בשדות ושולח אותם, למשל טופס הרשמה או התחברות.
פונקציה - קטע קוד בעל שם שמבצע משימה מוגדרת, מקבל ערכי קלט (פרמטרים) ויכול להחזיר תוצאה. מאפשרת לארגן קוד ולהשתמש בו שוב.
אירוע - התרחשות שהמערכת מזהה ויכולה להגיב לה, כמו לחיצת עכבר, הקשה או סיום פעולה.

פרויקט מעשי ב-#C - תוכנת צייר - חלק 12
בשיעור הזה מכינים את הממשק של הוויטבורד: כפתורים לניווט בין שקפים ופאנל לבן שבו מציירים. הציור עובר מהטופס לפאנל, כדי שהכפתורים לא יתערבבו עם הציור.
השלבים העיקריים
1. כפתורי שקף: מוסיפים כפתורים לניווט: שקף חדש, שקף קודם, שקף הבא, השקף הראשון, מחיקת שקף, ותווית שמציגה את מספר השקף הנוכחי. את הכפתורים מצמידים לקצה הימני והתחתון של הטופס.
2. פאנל לבן: הציור צריך להתבצע על פאנל ולא על הטופס. לפאנל נותנים צבע לבן ומצמידים אותו לכל הכיוונים, כך שהוא ממלא את רוב הטופס.
3. העברת הקוד לפאנל: אירועי MouseDown, MouseMove ו-Paint מועברים מהטופס לפאנל. אפשר לשייך את אותן פונקציות לאירועים של הפאנל ולמחוק את הקוד הישן.
4. ציור בפאנל: בתוך הפאנל CreateGraphics() מחזיר ערוץ ציור של הפאנל, ולא של הטופס. יש להשתמש ב-panel1.CreateGraphics().
5. קוד מסודר: ניתן לקבץ את הקוד באזור (#region) בעורך, כך שאפשר לצמצם אותו.
טעויות נפוצות
- ציור על כפתורים: אם הציור נשאר על הטופס, הכפתורים מסתירים אותו או מופיעים בתוך הציור. לכן מעבירים את כל הציור לפאנל.
- ב-MouseMove שימוש ב-this.CreateGraphics() מצייר על הטופס, ולא על הפאנל.
בסיום השיעור התלמיד יודע לבנות ממשק עם כפתורים ופאנל ציור, ולהעביר את הציור לפאנל.
השיעור הבא בקורס: פרויקט מעשי ב-#C - תוכנת צייר - חלק 13

פרקי ההרצאה: פרויקט מעשי ב-#C - תוכנת צייר - חלק 12

  1. 00:00

    מטרה: מערכת שקפים לתוך הווייטבורד

  2. 00:37

    בחירת מבנה השקפים: כפתור לשקף

  3. 01:28

    יצירת שקפים חדשים בלחיצה

  4. 02:06

    סידור הכפתורים ושקף הבא

  5. 02:55

    תיבת טקסט לשקף הנוכחי

  6. 03:39

    כפתורי הקודם וחזרה לשקף הראשון

  7. 04:55

    כפתור מחיקת השקף הנוכחי

  8. 06:02

    משטח ציור לבן: Panel

תמלול ההרצאה: פרויקט מעשי ב-#C - תוכנת צייר - חלק 12

הטקסט המלא של הדקות הראשונות בהרצאה «פרויקט מעשי ב-#C - תוכנת צייר - חלק 12» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:05

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

  2. 00:41

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

  3. 01:17

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

  4. 02:06

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

  5. 03:07

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

  6. 04:03

    previous slide זה יהיה תענמי ו-show זה ה-first slide, דרך אגב זה סימן אור העמוד הזה, זה נקרא pipe זה איפה שנמצא ליד ה-backspace, משמאל ה-backspace במקלדת שלי והקפתור הזה נקרא כמובן show first slide ואפילו נשים כאן קפתור delete slide שמוכיח את ה-slide הנוכחי ואולי גם נשים

  7. 05:13

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

  8. 06:06

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

  9. 06:36

    המשטח הזה, זה יהיה קונטרול מסוג פאנל. בואו נעשה את זה. איפה יש כאן פאנל? אני חושב שזה בתוך קונטיינרס, פאנל.

  10. 06:53

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

  11. 07:18

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

לקורס המלא: פרויקט מעשי ב‑#C אונליין

ההרצאה הקודמת: פרויקט מעשי ב-#C - תוכנת צייר - חלק 11

ההרצאה הבאה: פרויקט מעשי ב-#C - תוכנת צייר - חלק 13

הרצאות קשורות מקורסים אחרים

  • תרגיל 24 - תוכנת צ'אט - חלק 1
  • פרויקט מעשי ב-#C - ספר טלפונים - חלק 1
  • תרגיל מעשי Delegate Event
  • שדרוג צייר שלנו על canvas

קורסים נוספים במסלול

  • קורס WinForms - תוכנות רגילות בווינדוס
  • פרויקט מעשי ב-#C - בונים מחשבון פשוט
  • פרויקט מעשי ב-#C - ספר טלפונים
  • קורס ADO.NET - חיבור אתר למסד נתונים
  • קורס תכנות מתקדם - #Advanced .NET C
  • קורס WCF - תקשורת למתקדמים בדוט-נט