PracticU

תוכנית ראשונה באנדרואיד

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › תוכנית ראשונה באנדרואיד
מילון מושגים:
Android - מערכת הפעלה מבוססת Linux לטלפונים ולמכשירים ניידים, שפותחה על ידי גוגל.
אמולטור - תוכנה שמחקה מכשיר או סביבה אחרת, למשל כדי להריץ ולבדוק אפליקציית מובייל על המחשב.
SDK - ערכת כלים לפיתוח: אוסף ספריות, כלים ותיעוד שמאפשרים לבנות תוכנה לפלטפורמה או שירות מסוימים.
Activity - ב-Android, רכיב שמייצג מסך יחיד של האפליקציה שאיתו המשתמש מתקשר.
לייאאוט - ארגון וסידור הרכיבים החזותיים על המסך או בדף, כמו מיקום כפתורים, טקסט ותמונות.
גופן - העיצוב הגרפי של האותיות והתווים המוצגים בטקסט, הכולל צורה, סגנון וגודל.
XML - שפת סימון לייצוג נתונים מובְנים בעזרת תגיות, המשמשת להחלפת מידע בין מערכות ולקובצי הגדרות.
באג - תקלה או שגיאה בקוד שגורמת לתוכנה להתנהג בניגוד למצופה.

תוכנית ראשונה באנדרואיד
אחרי ההיכרות עם Android Studio, האמולטור והמכשיר האמיתי, בונים כאן אפליקציה שלמה מההתחלה: שני כפתורים, אחד לשעה הנוכחית ואחד לתאריך הנוכחי. בשלב הזה מעצבים את המסך בלבד, והקוד ב-Java יבוא בהמשך.
השלבים העיקריים
1. פרויקט חדש: לוחצים על Start a New Android Studio Project ובוחרים לו שם, כאן Show Current Date and Time. בשם ה-package מוחקים את החלק של שם הפרויקט ומשאירים רק com.practicue. כך הוא ידרוס הגדרות או פרויקטים ישנים שנשארו באמולטור או במכשיר.
2. הגדרות ההתחלה: משאירים את ה-Minimum SDK כברירת המחדל, Ice Cream Sandwich, ובוחרים תמיד ב-Empty Activity.
3. פותחים את המסך בדיזיינר: נכנסים לתיקיית resources, אחר כך ל-layout, ולוחצים פעמיים על activity_main. מוחקים את ה-TextView שמופיע כברירת מחדל.
4. גוררים רכיבים: מהפאלטה גוררים לחצן, מתחתיו TextView, אחריו לחצן נוסף ו-TextView נוסף.
5. משנים מאפיינים בחלון Properties: בוחרים רכיב ומשנים את הטקסט שלו, למשל show current time על הלחצן ו-Current Time על ה-TextView. את גודל הגופן מגדירים ל-25 ביחידות sp, קיצור של Scale Independent Pixels.
6. מבטלים אותיות גדולות בלחצנים: ללחצנים יש כברירת מחדל אותיות גדולות, ל-TextView אין. כדי לשנות זאת צריך את המאפיין textAllCaps. הוא לא מופיע ברשימת המאפיינים הנפוצים, ולכן לוחצים על האייקון show expert properties. מסמנים ומבטלים את תיבת הסימון שלו, כדי שיהיה false.
7. צבעים: ב-background של הלחצן לוחצים על שלוש הנקודות ובוחרים צבע. אפשר להעתיק אותו עם Ctrl+C ולהדביק בלחצן אחר, וגם לצבוע את ה-Activity עצמה.
8. שמירה ובדיקת ה-XML: כל רכיב ויזואלי מופיע ב-XML כתגית משלו, וכל מאפיין שהוגדר ב-Properties נכתב בה כאטריביוט. בחירת רכיב בדיזיינר מקפיצה לתגית שלו. אפשר גם ללחוץ קליק ימני ו-Go to declaration.
הגדרות שמוצגות
- textAllCaps בערך false
- גודל טקסט של 25 sp
- background לבחירת צבע
- ערך צבע בפורמט סולמית ושש ספרות הקסדצימליות: זוג ראשון לאדום, שני לירוק ושלישי לכחול
שימו לב
המרצה מציין שבתיבת הסימון של textAllCaps יש באג קטן בחלון Properties: היא מופיעה לא מסומנת אף שהייתה אמורה להיות מסומנת. לכן מסמנים אותה ואז מבטלים את הסימון.
עכשיו אפשר לבנות מסך פשוט ב-Android Studio, לשנות מאפיינים ולמצוא את התגית המתאימה ב-XML. בהרצאה הבאה מתחילים לכתוב קוד לאפליקציה.
השיעור הבא בקורס: Finding Views by ID

פרקי ההרצאה: תוכנית ראשונה באנדרואיד

  1. 00:00

    בניית תוכנית שלמה ראשונה

  2. 00:42

    יצירת הפרויקט ומתן שם

  3. 02:04

    עיצוב ה-Layout במעצב

  4. 02:39

    גרירת לחצנים ו-TextViews

  5. 03:21

    הגדרת טקסט וגודל בפרופרטיז

  6. 05:06

    ביטול אותיות גדולות - text all caps

תמלול ההרצאה: תוכנית ראשונה באנדרואיד

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

  1. 00:03

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

  2. 00:19

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

  3. 00:36

    אז דבר ראשון בואו נפתח מההתחלה את האנדרואיד סטודיו ונבנה לנו תוכנית. אז בואו נלחץ על Start a New Android Studio Project, ניתן לו שם ומה שאנחנו רוצים לעשות בתוכנית עכשיו זה פשוט תוכנית פשוטה שמכילה שני לחצנים, לחצן אחד מציג את השעה הנוכחית ולחצן שני מציג את התאריך הנוכחי.

  4. 01:02

    אז בואו נקרא לתוכנית הזאת show current date and time. ניגש למרחב השמות, ל-package ליתר דיוק, נמחק את הנקודה הזאת של שם הפרויקט, נישאר אך ורק עם com.projectq בכדי שהוא ידרוס לנו הגדרות או פרויקטים ישנים שמוזרקים בתוך האמולטור או בתוך המכשיר, וניתן שם קצת יותר אסתטי לפרויקט שלנו.

  5. 01:39

    נלחץ על next. במסך הזה שאנחנו אמורים להגדיר את המינימום sdk נשאיר את ה-default, screen sandwich next כאן אני מזכיר אנחנו תמיד לוקחים mt activity מבצע next ופיניש והנה אנחנו רואים שהפרויקט נפתח בהצלחה אז דבר ראשון בואו ניגש לתיקיית ה-resources לתיקיית layout דאבל קליק על ה-activity main ואנחנו מגיעים לדיזיינר של המסך כאן אנחנו הולכים לעצב את

  6. 02:18

    האפליקציה שלנו by default אנחנו רואים שיש לנו משהו שנקרא טקסט view אנחנו יכולים לראות כאן שזה טקסט view שזה סך הכל איזושהי לייבל או איזושהי תווית שמציגה מידע על המסך בלי האפשרות של המשתמש לערוך את המידע אנחנו לא צריכים את זה אז בואו נלחץ על delete וניפטר מהדבר הזה וכעת דרך הפלט של כל הרכיבים אנחנו יכולים לגרור

  7. 02:44

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

  8. 03:21

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

  9. 03:35

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

  10. 03:58

    בואו ניקח 25 ואנחנו צריכים לתת יחידות מידע. בהמשך נראה כל מיני יחידות מידע שקיימות. כרגע עבור גדלים של תיבות טקסט או של טקסטים ליתר דיוק אנחנו צריכים להגדיר SP. SP זה קיצור של Scale Independent Pixels בהמשך אנחנו נראה מה זה אומר אז כרגע יש לנו 25 יחידות SP עבור

  11. 04:25

    הגודל של הגופן דבר נוסף שאנחנו רואים כאן זה שב-Default יש כאן אותיות גדולות עבור הטקסט של לחצנים לא של טקסט views אם אני אגדיר כרגע לדוגמה את הטקסט view במקום new text נגדיר אותו כ-current time נקודותיים ונגדיר פה איזשהו קו נגדיר גם לו 25 sp אנחנו נראה שהטקסט views אין להם אותיות גדולות

  12. 05:05

    רק ללחצנים יש by default אם אנחנו רוצים לשנות את זה אנחנו צריכים תכונה מסוימת שנקראת Text All Caps ולהגדיר אותה ל-False אבל אנחנו לא מוצאים את התכונה הזאת כאן.

  13. 05:19

    יש תכונה שנקראת Text All Caps ולא מוצאים אותה. זאת בגלל שב-Default בפרופרטיז מציגים לנו תכונות נפוצות והתכונה הזאת היא נחשבת קצת יותר נדירה או תכונה עיצובית שרק מעצבים אולי ירצו להתעסק איתה.

  14. 05:34

    אם אנחנו רוצים להראות את כל התכונות אנחנו צריכים ללחוץ על האייקון הזה של show expert properties ועכשיו אנחנו רואים תכונות נוספות נחפש את text all caps הנה היא כאן וכעת אנחנו רוצים בעצם להגדיר שזה false שימו לב שיש לנו פה איזשהו checkbox שהוא לא מסומן והוא היה כאילו אמור להיות מסומן אז איזשהו בגון קטן של חלון הפרופרטיז בואו נסמן אותו ונוריד את הסימון וכעת

  15. 06:04

    אנחנו רואים שהכל הפך להיות אותיות רגילות כפי שכתוב בטקסט ולא אותיות גדולות כפי שהיה מקודם. אז יש לנו כאן את ההגדרה של הלחצן, יש לנו כאן את ה-Text View שמראה Current Time, פה אנחנו רוצים לכתוב בקוד Java, Code Behind,

לקורס המלא: קורס פיתוח אפליקציות לאנדרואיד

ההרצאה הקודמת: הרצת פרויקט ישן ב-Android Stdio החדש

ההרצאה הבאה: Finding Views by ID

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

  • פרוקסי באנדרואיד עם Burp
  • תוכנית בדיקה - Test Plan
  • אפליקציה ראשונה ב-Node.js
  • הרצה ראשונה של הסקריפט

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

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון