PracticU

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

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

פרויקט מעשי ב-#C - תוכנת צייר - חלק 1
השיעור הראשון בתוכנת הציור (Whiteboard) מראה איך מציירים קו על הטופס בלחיצת עכבר, באמצעות ערוץ ציור ופונקציית DrawLine.
השלבים העיקריים
1. פרויקט חדש: פותחים פרויקט Windows Application בשם Whiteboard בסביבת Visual Studio.
2. אירוע MouseDown: בכל לחיצה על הטופס נקרא קוד שמצייר קו.
3. ערוץ ציור: CreateGraphics() מחזירה אובייקט Graphics שדרכו אפשר לצייר על הטופס.
4. DrawLine: הפונקציה מקבלת עט (Pens.Blue) ושתי נקודות, כל אחת לפי x ו-y. בדוגמה הקו נמתח מ-10,10 עד 100,100.
פקודות והגדרות
- Graphics g = CreateGraphics();
- g.DrawLine(Pens.Blue, 10, 10, 100, 100);
שימו לב
בהקלטה הקו לא הופיע מיד. זו בעיה של תוכנת הלכידה ולא של התוכנית, והקו מופיע לאחר שהחלון מקבל פוקוס.
בסיום השיעור התלמיד יודע לצייר קו על טופס בעזרת Graphics ו-DrawLine.
השיעור הבא בקורס: פרויקט מעשי ב-#C - תוכנת צייר - חלק 2

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

  1. 00:00

    מטרת הפרויקט: לוח ציור כמו Paint

  2. 01:12

    קואורדינטות X ו-Y על המסך

  3. 02:12

    אירוע MouseDown לציור קו

  4. 02:48

    CreateGraphics וערוץ הציור

  5. 03:32

    פונקציית DrawLine וצבע הקו

  6. 04:14

    בדיקת הקו בלחיצה על הטופס

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

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

  1. 00:05

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

  2. 00:30

    אז בואו נתחיל. כרגיל אנחנו פותחים ויז'יול סטודיו ו-file new project, Windows Application, ונקרא לזה Whiteboard 01. טוב, השאלה הראשונה היא, איך בעצם מציירים על המסך?

  3. 01:07

    אז בואו רק נעשה דבר פשוט, שכאשר אני לוחץ על הטופס, אז יופיע קו, בוא נגיד מהנקודה הזו בערך לנקודה הזו, קואורדינטה שהיא 10 ימינה זה נקרא x ו10 למטה זה נקרא y ימינה ולמטה זה חיובי ימינה זה חיובי ולמטה זה חיובי זה חיובי x וזה חיובי y אז אם אנחנו רוצים לצייר מהנקודה הזו זה

  4. 01:43

    בערך 10 ימינה זה 10x ו-10y אם אנחנו רוצים שהקו ימתח עד לנקודה הזו זה בערך 100x מהנקודה הזו ו-100y מהנקודה הזו.

  5. 01:58

    אז בואו נעשה את זה. אז נלך ל-properties, לאירועים, ונבחר אירוע מתאים, משהו כמו MouseDown.

  6. 02:14

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

  7. 02:31

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

  8. 03:03

    אנחנו יכולים עכשיו בעצם להגיד על ידי ערוץ ההתקשרות הזה draw line תייר קו אנחנו נבחר מתוך ארבעת הפונקציות הזמינות אנחנו נבחר את הפונקציה הזו אז אנחנו רוצים להשתמש במשתנה הראשון מסוג pan ולמעשה יש לנו את pans שpans.blue הוא בעצמו מסוג pan אז הוא מתאים וזה יהיה גם צבע הקו והקואורדינטה אמרנו x של הקואורדינטה הראשונה יהיה 10 וה-y שלו

  9. 03:48

    10, ה-x של הקואורדינטה השנייה יהיה 100 וה-y שלו אף הוא יהיה 100. נריץ את זה, עכשיו, יפה. אצלו התופס, עכשיו בנגיעה לתופס אני עושה לחיצה עם העכבר, אצלי הוא צי על קו, בואו נעשה את זה שוב, אני לוחץ, אתם עדיין לא רואים את זה, עכשיו

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

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

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

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

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

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