PracticU

פקד WebBrowser

בלי כתוביותעם כתוביות
PracticU › קורס WinForms - תוכנות רגילות בווינדוס › פקד WebBrowser
מילון מושגים:
רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.
טופס - אזור בממשק שבו המשתמש מזין נתונים בשדות ושולח אותם, למשל טופס הרשמה או התחברות.
דפדפן - תוכנה שמציגה דפי אינטרנט ומריצה את הקוד שבהם, ומאפשרת לגלוש בין אתרים, למשל Chrome או Firefox.
URL - הכתובת שמזהה משאב באינטרנט, למשל דף אתר, וכוללת פרוטוקול, שם מארח ונתיב.
HTTP - פרוטוקול להעברת דפי אינטרנט ונתונים בין דפדפן לשרת. הגרסה המאובטחת שלו היא HTTPS.
אירוע - התרחשות שהמערכת מזהה ויכולה להגיב לה, כמו לחיצת עכבר, הקשה או סיום פעולה.

פקד WebBrowser
השיעור מציג את רכיב WebBrowser, שמאפשר להציג דף אינטרנט ולגלוש בתוך הטופס בלי לצאת לדפדפן חיצוני.
הגדרה בסיסית
- הרכיב תופס את כל הטופס בברירת מחדל.
- התכונה Url קובעת את הכתובת שנטענת בהפעלה. הדובר הדגים כתובת דיפולטית שנטענה אוטומטית.
ניווט לכתובת שהמשתמש הזין
1. מוסיפים תיבת טקסט לכתובת, לייבל מסביר, ולחצן "Go".
2. בלחיצה על הלחצן קוראים ל-Navigate של הרכיב עם הטקסט מתיבת הטקסט.
3. בדיקה: אם הטקסט לא מתחיל ב-http, מוסיפים את הקידומת לפני הניווט. כך הכתובת שהמשתמש מקליד בלי http נטענת בכל זאת.
4. כדי שלחיצה על Enter תפעיל את הלחצן, מגדירים בטופס את AcceptButton.
אירוע DocumentCompleted
האירוע מופעל כשהדף נטען במלואו. הדובר הדגים שבמהלך הטעינה מופיע מצב "Navigating", וכשהטעינה מסתיימת מופיע הטקסט של האירוע. הוא משמש להצגת מידע למשתמש רק אחרי שהדף מוכן.
מתי משתמשים בו
כשרוצים להציג לדף אינטרנט מתוך התוכנה, למשל דף החברה, או טופס בתוך המערכת, בלי לפתוח דפדפן חיצוני.
תרגיל
טופס עם WebBrowser ו-ComboBox בחלק העליון. בהקלדת כתובת ולחיצה על Enter הטופס מנווט לאתר ומוסיף את הכתובת לרשימה, אם היא לא קיימת כבר. באירוע DocumentCompleted משנים את צבע רקע הטופס לצבע אקראי.
בסיום השיעור הסטודנט יודע לנווט לכתובת שהמשתמש הזין, לטפל בחוסר קידומת http, ולדעת מתי הדף נטען במלואו.
השיעור הבא בקורס: תפריטים וסרגלים - Menu and Toolbar

פרקי ההרצאה: פקד WebBrowser

  1. 00:00

    הכרת פקד WebBrowser

  2. 00:41

    גלישה אוטומטית עם URL

  3. 01:21

    הוספת תיבת URL

  4. 02:16

    לחצן GO ו-AcceptButton

  5. 02:56

    הפונקציה Navigate

תמלול ההרצאה: פקד WebBrowser

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

  1. 00:03

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

  2. 00:20

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

  3. 00:34

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

  4. 01:13

    אתר שאליו הוא רוצה לגלוש, בואו נלחץ כאן ונוציא מדוקינג, נשים פה את ה-Web Browser, נגדיל אותו בצורה כזאת, נשים פה איזשהי Label שתאמר למשתמש איזה URL או ובסייט הוא רוצה, תיבת טקסט, נגדיל את זה פה למעלה, ניקח את התיבת טקסט הזאת כ-TXT URL,

  5. 02:04

    בואו נוסיף פה איזשהו לחצן, והלחצן הזה יאפשר ביצוע גלישה בפועל, נקרא לו btn-go, נכתוב עליו go וזה הלחצן שיבצע בפועל את הגלישה ואם אנחנו רוצים שהיוזר ילחץ על enter וזה אוטומטית יבחר את הלחצן הזה אנחנו צריכים ללכת לטופס ולהגדיר accept button איזה לחצן אנחנו רוצים שיופעל בלחיצה על enter אוקיי אז בואו

  6. 02:48

    נלך ללחצן בלחצן עצמו ניגש לרכיב ה-web browser Webbrowser1. ולקרוא לפונקציה שנקראת Navigate. ניתן לה את txturl.txt, נריץ.

  7. 03:14

    בעצם על ההתחלה כבר יש

לקורס המלא: קורס WinForms אונליין

ההרצאה הקודמת: פקדי מיכל - Containers

ההרצאה הבאה: תפריטים וסרגלים - Menu and Toolbar

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

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