רכיבים נפוצים - Common Controls
Process.Start.\n), והצגה ב-MessageBox.פרקי ההרצאה: רכיבים נפוצים - Common Controls
תמלול ההרצאה: רכיבים נפוצים - Common Controls
הטקסט המלא של הדקות הראשונות בהרצאה «רכיבים נפוצים - Common Controls» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אוקיי, אז אחרי שראינו איך אנחנו פותחים פרויקט Windows Forms Application ואיך אנחנו יכולים לעצב את הפרויקט שלנו בעזרת Visual Studio עם כלי הדיזיינר, אז אנחנו הולכים לראות עכשיו כל מיני פקדים נפוצים שקיימים בתוך Visual Studio ומאפשרים לנו לעצב את הטופס בצורה שמתאימה לנו.
עכשיו, אחד מהדברים החשובים בפיתוח ווינפורם זה פשוט להכיר את הכלים השונים שקיימים ושמאפשרים לנו לעצב את התופף כמו שאנחנו רוצים. אז בואו נפתח פרויקט חדש ונקרא לו common controls.
מה שאנחנו ראינו מקודם זה שיש לנו את סרגל הכלים. בסרגל הכלים, בטולבוקס בעצם, יש לנו כל מיני תתי סרגלים שמחולקים לפי קטגוריות.
אנחנו לא הולכים לעבור בקורס הזה על כל אחד ואחד מהרכיבים השונים שקיימים, כי יש המון, ואנחנו לא הולכים לעבור על כל תכונה שקיימת עבור כל אחד מהרכיבים, אבל כן חשוב שנראה את הרכיבים המרכזיים והכי נפוצים שקיימים, בכדי שנוכל להתחיל להיכנס לתוך התחום הזה של פיתוח בווינפורם.
אז בואו נעבור ונסתכל קודם כל אילו סרגלים יש בתוך ארגז הכלים, בתוך הטולבוקס. הסרגל הראשון שאנחנו רואים נקרא All Windows Phones, וזה פשוט מאוד סרגל שאם אנחנו פותחים אותו, אנחנו רואים את כל הרכיבים מכל שאר הסרגלים.
אתם רואים שיש פה כמות נכבדת של רכיבים. בואו נסגור אותו. הסרגל הבא זה common controls. זה הסרגל שבו אנחנו הולכים להתעסק בוידאו הזה.
כאן יש רכיבים נפוצים, אנחנו נראה את רובם. אנחנו יכולים לראות שיש פה לחצן ויש פה לייבל שאנחנו התעסקנו איתם, מפני שאלה רכיבים שהם די נפוצים לשימוש.
אם אנחנו נסתכל על חלונית ה-all windows, אנחנו כמובן יכולים גם לראות כאן את הלחצן ואת הלייבל מפני שהסרגל הזה מכיל את הכל. בואו נסגור, נעבור הלאה. קונטיינרס, יש פה רכיבים שנחשבים קונטיינר או בעברית מיכל, וזה פשוט רכיבים שיכולים להכיל בתוכם רכיבים אחרים.
גם אותם אנחנו נראה בהמשך. סרגל נוסף שיש פה זה עבור תפריטים ו-Toolbar סרגלים. מה שאנחנו רואים פה למעלה, אנחנו רואים פה את הסרגל של האייקונים הזה ואנחנו רואים פה למעלה את התפריט.
אפשר לבנות אותם עם רכיבים שנמצאים כאן. גם כאן אנחנו הולכים להתעסק באחד הסרטונים בהמשך. סרגל נוסף מתעסק בכל מיני רכיבים שקשורים בדאטה.
אנחנו רואים שיש פה גרף ואנחנו רואים שיש פה איזשהו גריד שאנחנו נתעסק איתם בהמשך. סרגל נוסף, יש פה רכיבים אחרים, קצת יותר נדירים, גם עם חלקם אנחנו נתעסק.
פרינטינג וכל מיני רכיבים שקשורים בהדפסות דיאלוג מאפשר לנו לפתוח תיבות דו-שיח לדוגמת תיבה של צבעים WPF interoperability לא בטוח שקיים בכל מערכת זה רכיב שמאפשר לשלב רכיב אחר מטכנולוגיית פיתוח אחרת שנקראת WPF שזה קיצור של Windows Presentation Foundation שזה גם כן איזושהי טכנולוגיית פיתוח לבנייה של תוכנה חלונאית קצת יותר מתקדמת מווינפורם, יותר חדשה מווינפורם.
אז אם יש לנו רכיב שנבנה בטכנולוגיה הזאת, אנחנו יכולים לשלב אותו בטופס על ידי הרכיב בסרגל הזה, אלמנט הוסט. ריפורטינג זה איזשהו רכיב שמסוגל להציג דוח.
ויז'ול בייסיק פאואר פאקס זה כל מיני רכיבים, בדרך כלל צורות שאנחנו יכולים להשתמש איתם. זה נקרא ויז'ול בייסיק פאואר פאקס כי הרכיבים האלה באו משפה שנקראת vb6 וג'נרל בעצם יש פה דברים נוספים שאנחנו יכולים להוסיף בעצמנו ניתן להוסיף רכיבים נוספים
על ידי מקש ימני ונבחור ב-choose items אז בסרטון הזה מה שאנחנו הולכים לראות זה מספר רכיבים נפוצים שקיימים בקומון קונטרולס אז בואו נתחיל מה שאנחנו הולכים לעשות זה פשוט להשתמש בכל מיני רכיבים על טופס שאנחנו בונים ולבנות טופס שזורם ביחד עם הרכיבים האלה.
דבר ראשון, מה שאנחנו הולכים לעשות זה להוציא מהטופס את הכותרת form1. אנחנו הולכים להגדיר שהטופס נפתח במרכז המסך.
אנחנו הולכים לא לאפשר את לחצן המקסימייז, ביטלנו אותו. אפשר להוריד את ה-Description שלא יפריע לנו, ואז אנחנו רואים יותר ספייס.
ודבר נוסף שאני רוצה לעשות זה לשנות את השם של הקובץ. אז בואו נשנה את השם של הטופס ל-common-controls-form. אנחנו רואים שיש פה את השאלה האם לשנות גם את השם של הקלאס לאותו שם.
אנחנו כמובן נבחר ב-yes. ואם אנחנו נסתכל כרגע על הקוד עצמו, מכה שימני view code או F7, אנחנו יכולים לראות שיש לנו טופס, מחלקה שנקראת common controls form ויורשת במחלקה form אוקיי אז בואו נתחיל לבנות את הטופס רכיב רכיב ותוך כדי הבנייה נראה כל מיני תכונות
מעניינות ונפוצות ששייכות לרכיבים שאנחנו עובדים איתם אז בואו נניח שאנחנו רוצים לבנות טופס שקולט כל מיני פרטים מהמשתמש דבר ראשון יש לנו את ה-label נבקש מהמשתמש כאן את השם המלא שלו נקרא ל-label הזאת lbl, full name.
Label זה סך הכל איזשהו רכיב שמאפשר להציג מידע. תכונות שכדאי להכיר ברכיב של ה-label זאת התכונה auto size. auto size זו תכונה שבי דיפולט מוגדרת כ-true.
ומה שזה אומר זה שהגודל של ה-label מותאם אוטומטית לגודל של הטקסט שכתוב בה. אם אנחנו נגדיר auto size כ-false, אז אנחנו רואים שיש לנו יכולת לשלוט על הגודל של הלייבל, בדרך כלל אנחנו לא נרצה לעשות את זה כי לייבל התפקיד שלה זה להוות איזשהו טקסט עבור תיבת קלט אבל אם יש לנו פה סתם טקסט
חופשי שאנחנו יכולים לכתוב אז אנחנו יכולים לשלוט על הגודל אנחנו יכולים ללכת לתכונה שנקראת בורדר סטייל ולהגדיר פיקסט סינגל ואז אנחנו רואים בורדר מסביב לטקסט ואנחנו יכולים ללכת לתכונה אחרת שנקראת טקסט עליין, ולהגדיר שהטקסט נמצא בדיוק באמצע לדוגמה, או אנחנו יכולים פה להצמיד אותו לאחד הצדדים האחרים.
אז יש לנו פה את הלייבל שהיא מאוד מעניינת ומאפשרת לנו להציב איזשהו מידע טקסטואלי. בואו נחזיר כרגע את הלייבל הזאת ל-autosize true, ונוריד כרגע את הבורדר סטייל בכדי להחזיר את זה למצב הקודם.
אינן, כמו שלייבל אמורה להיות. הדבר הבא זה תיבה טקסט. בואו נציב תיבה טקסט. תיבה טקסט מאפשרת למשתמש להכניס מידע מכרוזתי פשוט.
נקרא לתיבה טקסט הזאת TXT full name. בואו ננסה להגדיר כרגע לייבל ותיבה טקסט נוספים, אבל הפעם נאמר למשתמש להכניס את הכתובת זה יהיה lbl address הטקסט שיהיה כתוב עליה address והתיבת טקסט הזאת תהיה txt address אבל מה ששונה בין שם מלא לבין כתובת זה שכתובת יכולה להתפרס על פני מספר שורות תיבת טקסט by default לא נותנת לנו לכתוב מידע במספר
שורות בכדי לגרום לתיבת הטקסט לקלוט מידע במספר שורות אנחנו יכולים ללכת לתכונה שנקראת מולטי ליין של תיבת הטקסט ולהגדיר אותה כטרום. זה מאפשר לנו עכשיו להרחיב את תיבת הטקסט.
אם אנחנו מריצים את האפליקציה שכתבנו, אנחנו יכולים לראות שבתיבת הטקסט הראשונה אנחנו יכולים לכתוב רק שורה אחת, אם אני לוחץ אנטר לא קורה כלום, ובתיבת הטקסט השנייה אנחנו יכולים לכתוב מידע על פני מספר שורות.
בואו נסגור את הטופס, נשמור ונמשיך הלאה. הרכיב הנפוץ הבא שאנחנו הולכים לראות נקרא צ'קבוקס. צ'קבוקס מאפשר לנו תיבת סימון.
בואו נגדיר אותו כאן. ניתן לו name, בואו נניח התחילית שלו זה phk, ובואו נניח נגדיר שהמשתמש יכול ללחוץ v במידה והוא יודע, בואו נניח, את שפת התכנות c-sharp.
ניתן לו טקסט, ניקח אחד נוסף I know Java ניתן לו את השם chk java וניקח אחד נוסף עבור visual basic נצמיד אותם פה זה יהיה chk vb טקסט I know vb עכשיו מה שמיוחד בצ'קבוקסים זה שאף צ'קבוקס לא תלוי בצ'קבוקס אחר זאת אומרת לקוח יכול לבחור כל אחד או לבטל את הבחירה בלי קשר לאחרים, כי כמובן שמשתמש יכול לדעת גם C-Sharp, גם Java וגם VB,
או רק VB, או רק Java ו-C-Sharp בלי VB. אין קשר בין כל צ'קבוקס לצ'קבוקס אחר. בהמשך הוידאו אנחנו הולכים לראות איך בדיוק לקחת את כל המידע הזה מהרכיבים.
קודם כל אנחנו הולכים לעצב אותם ולהכיר את הרכיבים שקיימים, ואז לאחר מכן אני רוצה באמת לדעת האם אם היוזר סימן או לא סימן את הרכיב אז בהמשך הסרטון אנחנו הולכים לראות איך אנחנו באמת יכולים לדעת מה בעצם נבחר.
דרך אגב, אם יש לנו איזשהו ברירת מחדל, נניח אני כן רוצה לסמן את הדבר הזה, אז יש לנו כמובן את התכונה checked שאנחנו יכולים להגדיר אותה כtrue והיא אוטומטית מסומנת.
בסדר, אלה היו צ'קבוקסים. הרכיב הנפוץ הבא שהרבה משתמשים איתו נקרא radio button, דומה ללחצני רדיו שהיו פעם, רדיו ישן כזה. אז אנחנו יכולים לשים מספר רכיבי רדיו באטן, כמו ששמנו מספר רכיבי צ'קבוקס.
אבל מה ההבדל בין צ'קבוקס לרדיו באטן? ניחשתם נכון, רכיבי הרדיו באטן קשורים אחד לשני. זאת אומרת, אם אני שם את כולם על טופס אנחנו יכולים לבחור רק אחד מהם.
שימו לב שאני כרגע לוחץ ורק אחד מכל הקבוצה הזאת אוטומטית נבחר והיתר לא. בואו ניתן להם שמות.
למעשה בואו נשים שניים בלבד ונגדיר שזה רד מייל, נגדיר כאן טקסט מייל והרכיב השני ניתן לו טקסט פימייל, רד פימייל.
ושימו לב שרד זה בעצם התחילית הנפוצה של רדיו באטה. אז כעת יוזר יכול לבחור איזה שפת תכנות שהוא רוצה, בלי קשר לשפות אחרות, אבל אם הוא מגדיר male או female, רק אחד יכול להיבחר.
בסדר, בואו נוריד את זה ונגדיר אותו כ-unchecked בתור התחלה, ונגדיר שהדיפולט זה male check true. בסדר, מה היה קורה אם הייתי רוצה עוד סדרה של רדיו בטנס, לא קשורים לסדרה הקודמת.
בואו נניח שאנחנו רוצים שהקבוצה הזאת תהיה טווחי גילאים. אז יש לנו פה rad below 20 נניח, ניתן לו את הטקסט below 20, יש לנו כאן טווח גילאים של rad 20 to 30 בואו נניח, ניתן לו את הטקסט 20 to 30, ויש לנו בואו נניח טווח גילאים של Red Above 30 ואת הטקסט
Above 30. בסדר, ובשביל שזה יהיה ברור למשתמש מה אנחנו רוצים אפשר להוסיף פה איזושהי לייבל שמציינת Age Range. מהטווח הגילאים שאנחנו רוצים לתת למשתמש, שהמשתמש יבחר, שימו לב שכל רכיב ויזואלי אני הולך ונותן לו Name.
בלי קשר אם אני הולך להשתמש עם הרכיב הזה בקוד או שאני לא הולך להשתמש איתו בקוד. קוד נכון ותכנות נכון אומר תגדירו name לכל אחד מהרכיבים. ולכו תדעו, אולי בהמשך אתם כן תרצו להשתמש איתו.
בסדר, בואו נריץ. אנחנו רואים שהטופס מציג לנו את האפשרות להכניס מייל או פי-מייל, אין בעיה.
בואו נניח שבחרנו מייל. טווח גילאים, בואו נניח שאני 20 עד 30. שימו לב מה קרה למייל. הרי מבחינת הטופס זה לא מעניין אותו שיש לנו פה שלושה רכיבי רדיו שהם טיפה רחוקים משני רכיבי רדיו אחרים.
מבחינת הטופס כולם הם קבוצה אחת. כאן אנחנו הולכים, או שאנחנו צריכים להגדיר שתי קבוצות שונות. אז בשביל להגדיר שתי קבוצות אנחנו צריכים להכיר רכיב נוסף, אבל הרכיב הזה נמצא ב-containers וגם הוא רכיב נפוץ.
הרכיב הזה נקרא GroupBox. גרובוקס זה רכיב שאנחנו יכולים לברוק אותו על הטופס והוא נותן לנו מסגרת, אנחנו יכולים לבחור את הרכיב הזה, להגדיל אותו.
המסגרת עצמה יש לה כותרת, בואו נגדיר שהכותרת זה בעצם ה-H ריינג', התחילית של גרובוקס זה פשוט מאוד בוקס H ריינג', ומה שזה אומר לנו זה שאנחנו פשוט יכולים לקחת רכיבים לזרוק בתוך הגרו-בוקס, לא נשים את זה פה, נצמצם טיפה את הגרו-בוקס שתהיה בדיוק בממדים הדרושים.
אם אנחנו עכשיו מזיזים את הגרו-בוקס כל מה שנמצא בתוך הגרו-בוקס מוזז ביחד איתה. אז מעבר לזה שהרכיבים האלה נמצאים בתוך הגרו-בוקס ומעבר לזה שהגרו-בוקס עוטפת אותם, אם הרכיבים האלה זה רדיו בטון הם הופכים להיות קבוצה נפרדת.
אפשר כעת ללכת ולהוציא את התגית הזאת ויש לנו עכשיו שתי קבוצות. קבוצה אחת של מייל ופימייל שנוצרה לנו כתוצאה מהטופס עצמו וקבוצה אחרת ששמנו בתוך הגורבוקס.
אז בואו נריץ את הטופס ונראה את זה. אני מריץ את הטופס, כעת אני יכול לבחור מייל או פימייל ובלי קשר אני יכול גם לבחור טווח גילאים וזה לא פוגע לי בקבוצה הראשונה.
זה בעצם רכיב מאוד נפוץ שנקרא רדיו בטון ובשביל ליצור קבוצה שמנו אותו בתוך רכיב של גרובוקס. דרך אגב גרובוקס יכול לשמש אותנו בשביל לבצע חלוקות משנה של הטופס שלנו בלי קשר אם אנחנו רוצים ליצור קבוצה מרדיו בטון או לא.
יופי בואו נמשיך. הדבר הבא שאני רוצה שהמשתמש יכניס זה את התאריך לידה שלו. יש לנו שתי אפשרויות לקלוט תאריך לידה.
בואו נגדיר קודם כל לייבל שאומרת למשתמש לפי הכניסתה ריחלידה השם של הלייבל הזאת כמובן הולך להיות lbl.birthdate האפשרות הראשונה זה פשוט ללכת לרכיב שנקרא month.calendar הרכיב הזה זה רכיב שפשוט מראה לנו איזשהו calendar אחד גדול שכל הזמן מוצג ניתן לו שם call.birthdate ואם אנחנו מריצים כרגע את הטופס אז אנחנו רואים שיש לנו אפשרות לבחור איזשהו
תאריך מהקלנדר. אנחנו יכולים לבחור כאן חודשים, אנחנו יכולים לבחור בצורה כזאת, ללכת קדימה אחורה, לבחור תאריך בלי בעיה, ואפילו אנחנו יכולים לבחור טווח תאריכים.
בסדר. דבר נוסף שקיים ברכיב הזה זה שאם אנחנו מגדילים אותו, אנחנו יכולים לראות בבת אחת כמה חודשים.
יכול להיות שאנחנו רוצים לעשות תופף שרואים בבת אחת שנה שלמה.