PracticU

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

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

פרויקט מעשי ב-#C - תוכנת צייר - חלק 4
השיעור עובר מציור קו בין שתי נקודות לציור קו שנמתח בין נקודת הלחיצה לנקודת השחרור של העכבר. זה צעד לקראת ציור ביד חופשית.
השלבים העיקריים
1. שמירת הנקודה הראשונה ב-MouseDown: בלחיצה לא מציירים דבר. שומרים את הקואורדינטות e.X ו-e.Y במשתנים של הטופס, כדי שיהיו זמינים בשלב הבא.
2. ציור ב-MouseUp: בשחרור העכבר מציירים קו מהנקודה השמורה עד הנקודה שבה העכבר שוחרר, בעזרת הערכים e.X ו-e.Y של האירוע.
3. מעבר לציור רציף: קו ישר אחד הוא עדיין מוגבל. בשלב הבא מציירים בתנועה רציפה של העכבר.
פקודות והגדרות
- int x, y; כמשתנים של הטופס.
- x = e.X; y = e.Y; בתוך MouseDown.
- g.DrawLine(Pens.Blue, x, y, e.X, e.Y); בתוך MouseUp.
שימו לב
פרמטר האירוע e מסוג MouseEventArgs מכיל את מיקום העכבר. אותו שם e מופיע בשני האירועים, אבל כל אירוע מספק ערכים משלו.
בסיום השיעור התלמיד יודע לשמור נקודה בלחיצה ולמתוח קו עד שחרור העכבר.
השיעור הבא בקורס: פרויקט מעשי ב-#C - תוכנת צייר - חלק 5

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

  1. 00:00

    מעבר מקו ישר לציור ביד חופשית

  2. 00:42

    קו ישר מנקודת לחיצה עד שחרור

  3. 01:21

    שמירת נקודה ב-MouseDown וציור ב-MouseUp

  4. 02:01

    משתני x ו-y לשמירת הנקודה

  5. 02:49

    פרמטר MouseEventArgs ושדות X ו-Y

  6. 03:31

    שימוש ב-e.X ו-e.Y בסיום הקו

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

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

  1. 00:04

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

  2. 00:22

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

  3. 00:59

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

  4. 01:14

    איך עושים את זה? אז נחזור לפרויקט שלנו, נלך לקוד או נלך אפילו לדיזיינר, נלך לאירועים ונבחר אירוע מתאים. אז ב-Mouse-Down אנחנו בעצם רוצים לשמור את הנקודה הראשונה ועדיין לא לצייר שום דבר.

  5. 01:44

    וב-Mouse-Up אנחנו נרצה בהתאם לבצעת הציור. אז בואו ל-Mouse-Up, יפה. אז ב-Mouse-Down אנחנו לא נצייר, אנחנו רק נשמור נקודה. נגדיר פה מסוג נגדיר int x ו-int y ואת הקוד הזה נעביר לכאן כאן נשמור את x ואת y מאיפה יש לי את הx ואת הy במאוס דאון אנחנו מקבלים פרמטר e מסוג mouse event args עד היום למדנו שהפונקציה הזו מופעלת כאשר מתרחש אירוע

  6. 02:42

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

  7. 03:01

    אחד מהשדות שהוא מכיל זה ה-X, אז נגיד ש-X שווה לזה והשדה השני כמובן זה ה-Y. פה אנחנו שומרים את ה-X ואת ה-Y, אז כשאנחנו מותחים את הקו, נמתח אותו מהx לy, אבל עד לאן נמתח אותו?

  8. 03:27

    גם במהוס up יש לנו e. אז פה נגדיר e.e וכאן e.y ונריץ את זה.

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

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

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

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

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

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

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