ממשק גרפי וחלוניות של Android Studio

תמלול ההרצאה: ממשק גרפי וחלוניות של Android Studio

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

1. 00:03

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

2. 00:22

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

3. 00:35

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

4. 00:55

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

5. 01:06

   עכשיו כאן בחלונית project אנחנו רואים את הקבצים השונים שמשתתפים לנו בפרויקט ואת התיקיות. כאן למעלה אנחנו רואים איזושהי תיבת גלילה וכתוב כאן android.

6. 01:22

   יש לנו אפשרות לראות את אותם קבצים שאנחנו רואים כרגע בפרספקטיבה שונה. לדוגמה packages מראה לי בדיוק את הקבצים לפי חלוקה ל packages בג'אווה. Project Files מראה לי תמונה של אותם קבצים אבל תמונה שדומה לאיך שהם מסודרים בהרדיסק.

7. 01:47

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

8. 02:06

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

9. 02:22

   אם אנחנו לוחצים הקאש ימני על הקובץ, אנחנו יכולים לבחור ב-show in explorer וזה מיד פותח לנו את היער הקבצים ומראה לנו איפה בדיוק הקובץ הזה נמצא בתוך המחשב בנתיב המדויק.

10. 02:40

    מאוד שימושי. עכשיו אנחנו יכולים לגשת ולראות שיש לנו כאן תיקייה שנקראת רס שזה קיצור של ריסורסז כל המשאבים ששייכים לאפליקציה שאנחנו בונים. בתוך רס אנחנו יכולים לראות שיש לנו תיקייה שנקראת לייאאוט ובתוך התיקייה שנקראת לייאאוט יש לנו קובץ שנקרא activity-main.xml אם אנחנו נלחץ דאבל קליק על הקובץ הזה אז אנחנו בעצם נגיע לחלונית

11. 03:11

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

12. 03:38

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

13. 04:10

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

14. 04:25

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

15. 04:41

    מצד ימין יש לנו חלונית שנקראת Component Tree. Component Tree מראה לנו בעצם את הרכיבים השונים ואת ההיררכיה שלהם. אנחנו רואים שיש לנו את המכשיר עצמו, בתוכו יושב layout שבהמשך נראה בדיוק מה זה אומר, ויש לנו את הרכיבים השונים שנמצאים בתוך ה-Layout עצמו.

16. 05:07

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

17. 05:25

    בואו נקרא לזה "ליקמי", לוחצים Enter ומיד רואים שזה משפיע על הלחצן. כאן יש לנו טקסט Color שאנחנו יכולים לבחור