ה-codelab הזה הוא חלק מהקורס Android Kotlin Fundamentals. כדי להפיק את המרב מהקורס הזה, מומלץ לעבוד על ה-codelabs לפי הסדר. כל ה-codelab של הקורס מפורטים בדף הנחיתה של ה-codelab בנושא יסודות Kotlin ל-Android.
מבוא
ב-codelab הזה תלמדו על מקורות מידע שימושיים למפתחי Kotlin Android, כולל תבניות, תיעוד, סרטונים ואפליקציות לדוגמה.
מה שכדאי לדעת
- תהליך העבודה הבסיסי ב-Android Studio.
- איך משתמשים בעורך הפריסה ב-Android Studio.
מה תלמדו
- איפה אפשר למצוא מידע ומשאבים למפתחי Kotlin ו-Android.
- איך משנים את סמל מרכז האפליקציות באפליקציה.
- איך מקבלים עזרה כשמפתחים אפליקציות ל-Android באמצעות Kotlin.
הפעולות שתבצעו:
- כדאי לעיין בחלק מהמשאבים שזמינים למפתחי Kotlin Android בכל הרמות.
- מורידים אפליקציה לדוגמה ל-Android ב-Kotlin ובוחנים אותה.
- שינוי סמל מרכז האפליקציות של אפליקציה.
ב-codelab הזה תלמדו על תבניות, דוגמאות, תיעוד ומשאבים אחרים שזמינים למפתחי Kotlin Android.
קודם יוצרים אפליקציה פשוטה מתבנית של Android Studio ומשנים את האפליקציה. אחר כך מורידים את אפליקציית הדוגמה Android Sunflower ומתנסים בה. מחליפים את סמל ההפעלה של אפליקציית הדוגמה (חמנייה) בנכס של תמונת קליפ-ארט שזמין ב-Android Studio (סמיילי).

Android Studio מספק תבניות לעיצובים נפוצים ומומלצים של אפליקציות ופעילויות. התבניות המובנות חוסכות לכם זמן ועוזרות לכם לפעול לפי השיטות המומלצות לעיצוב.
כל תבנית כוללת פעילות וממשק משתמש בסיסיים. כבר השתמשתם בתבנית 'פעילות ריקה' בקורס הזה. לתבנית Basic Activity יש יותר תכונות, והיא כוללת תכונות מומלצות של אפליקציות, כמו תפריט האפשרויות שמופיע בסרגל האפליקציות במכשירים עם Android.
שלב 1: בודקים את הארכיטקטורה של פעילות בסיסית
- ב-Android Studio, יוצרים פרויקט.
- בתיבת הדו-שיח Choose your project, בוחרים בתבנית Basic Activity ולוחצים על Next.
- בתיבת הדו-שיח Configure your project (הגדרת הפרויקט), נותנים לאפליקציה שם. בוחרים באפשרות Kotlin כשפה, ומסמנים את התיבה Use AndroidX artifacts (שימוש בארטיפקטים של AndroidX). לוחצים על סיום.
- מבצעים Build לאפליקציה ומריצים אותה באמולטור או במכשיר עם Android.
- מזהים את החלקים המסומנים באיור ובטבלה שלמטה. מחפשים את המקבילות שלהם במסך המכשיר או האמולטור. בודקים את קוד ה-Kotlin ואת קובצי ה-XML התואמים שמתוארים בטבלה.
היכרות עם קוד המקור של Kotlin ועם קובצי ה-XML תעזור לכם להרחיב את התבנית Basic Activity ולהתאים אותה לצרכים שלכם.
ארכיטקטורה של תבנית הפעילות הבסיסית

# | תיאור ממשק המשתמש | הפניה לקוד |
1 | סרגל הסטטוס, שמסופק ונשלט על ידי מערכת Android. | הוא לא מוצג בקוד התבנית, אבל אפשר לגשת לסרגל הסטטוס מהפעילות שלכם. לדוגמה, אפשר להוסיף קוד ב- |
2 | סרגל האפליקציות, שנקרא גם סרגל הפעולות, מספק מבנה ויזואלי, רכיבים ויזואליים סטנדרטיים וניווט. | ב- בתוך האלמנט AppBarLayout. כדי לשמור על תאימות לאחור, התג כדי לשנות את המראה של סרגל האפליקציות, משנים את מאפייני סרגל הכלים. מדריכים בנושא סרגל האפליקציות זמינים במאמר הוספת סרגל האפליקציות. |
3 | שם האפליקציה נגזר בהתחלה משם החבילה, אבל אפשר לשנות אותו לכל שם שרוצים. | ב-
מציינים את המחרוזת |
4 | כפתור האפשרויות הנוספות של התפריט מכיל פריטים בתפריט של הפעילות. לחצן האפשרויות הנוספות מכיל גם אפשרויות בתפריט הגלובלי, כמו חיפוש והגדרות של האפליקציה. הפריטים בתפריט של האפליקציה מופיעים בתפריט הזה. | ב השיטה כדי לראות את הפריטים בתפריט האפשרויות, פותחים את שלך. בתבנית הזו מצוינת רק האפשרות הגדרות בתפריט. |
5 | CoordinatorLayout | ב- |
6 | התבנית משתמשת ב-TextView כדי להציג את הטקסט Hello World. מחליפים את | תצוגת הטקסט 'Hello World' נמצאת בקובץ |
7 | לחצן פעולה צף (FAB) | ב- |
שלב 2: התאמה אישית של האפליקציה שנוצרת מהתבנית
שינוי המראה של האפליקציה שנוצרה באמצעות תבנית הפעילות הבסיסית. לדוגמה, אפשר לשנות את הצבע של סרגל האפליקציה כך שיתאים לצבע של סרגל הסטטוס. (במכשירים מסוימים, שורת הסטטוס היא גוון כהה יותר של אותו צבע ראשי שמשמש את סרגל האפליקציות).
- משנים את שם האפליקציה שמוצג בסרגל האפליקציות. כדי לעשות זאת, משנים את מחרוזת המשאב
app_nameבקובץ res > values > strings.xml למחרוזת הבאה:
<string name="app_name">New Application</string>- משנים את הצבע של סרגל האפליקציה (
Toolbar) ב-res > layout > activity_main.xml על ידי שינוי המאפייןandroid:backgroundל-"?attr/colorPrimaryDark". הערך הזה מגדיר את הצבע של סרגל האפליקציות לצבע ראשי כהה יותר שתואם לצבע של שורת המצב:
android:background="?attr/colorPrimaryDark"- מריצים את האפליקציה. השם החדש של האפליקציה מופיע בשורת הסטטוס, וצבע הרקע של סרגל האפליקציה כהה יותר וזהה לצבע של שורת הסטטוס. כשלוחצים על הלחצן הראשי לפעולה, מופיעה הודעה קצרה (snackbar), כמו שמוצג ב-1 בצילום המסך שלמטה.

- משנים את הטקסט של חטיף המידע. כדי לעשות זאת, פותחים את
MainActivityומחפשים את קוד ה-stub ב-onCreate()שמגדיר מאזיןonClick()ללחצן. משנים את"Replace with your own action"למשהו אחר. לדוגמה:
fab.setOnClickListener { view ->
Snackbar.make(view, "This FAB needs an action!", Snackbar.LENGTH_LONG)
.setAction("Action", null).show()
}- הלחצן הראשי משתמש בצבע המשני של האפליקציה, ולכן דרך אחת לשנות את הצבע של הלחצן הראשי היא לשנות את הצבע המשני. כדי לשנות את הצבע המשני, פותחים את הקובץ res > values > colors.xml ומשנים את המאפיין
colorAccent, כמו שמוצג בהמשך. (לקבלת עזרה בבחירת צבעים, אפשר לעיין במערכת הצבעים של Material Design).
<color name="colorAccent">#1DE9B6</color>- מריצים את האפליקציה. לחצן הפעולה הצף משתמש בצבע החדש, והטקסט בהודעה הקופצת השתנה.

שלב 3: איך מוסיפים פעילויות באמצעות תבניות
עד עכשיו, השתמשתם בתבניות Empty Activity ו-Basic Activity כדי להתחיל פרויקטים חדשים ב-codelabs של הקורס הזה. אפשר גם להשתמש בתבניות של פעילויות כשיוצרים פעילויות אחרי שהפרויקט נוצר.
- יוצרים פרויקט אפליקציה או בוחרים פרויקט קיים.
- בחלונית Project > Android (פרויקט > Android), לוחצים לחיצה ימנית על התיקייה java.
- בוחרים באפשרות חדש > פעילות > גלריה.
- בוחרים אחת מ
Activityהתבניות כדי להוסיף פעילות לאפליקציה. לדוגמה, בוחרים באפשרות Navigation Drawer Activity כדי להוסיףActivityעם מגירת ניווט. - כדי להציג את הפעילות בעורך הפריסה, לוחצים לחיצה כפולה על קובץ הפריסה של הפעילות (לדוגמה,
activity_main2.xml). משתמשים בכרטיסייה Design ובכרטיסייה Text כדי לעבור בין תצוגה מקדימה של פריסת הפעילות לבין קוד הפריסה.
במאגרי הדוגמאות של Google ב-GitHub יש דוגמאות קוד של Kotlin Android שאפשר ללמוד מהן, להעתיק אותן ולשלב אותן בפרויקטים שלכם.
שלב 1: הורדה והפעלה של קוד לדוגמה של Kotlin Android
- בדפדפן, עוברים לכתובת github.com/googlesamples.
- בשדה שפה, בוחרים באפשרות Kotlin.
- בוחרים אפליקציה לדוגמה של Kotlin Android שעברה שינוי לאחרונה ומורידים את קוד הפרויקט של האפליקציה. בדוגמה הזו, מורידים את קובץ ה-ZIP של האפליקציה android-sunflower, שכוללת הדגמה של חלק מהרכיבים של Android Jetpack.
- ב-Android Studio, פותחים את הפרויקט android-sunflower-master.
- מאשרים את כל העדכונים שמומלצים ב-Android Studio, ואז מריצים את האפליקציה באמולטור או במכשיר עם Android.

שלב 2: בודקים דוגמת קוד ל-Android ב-Kotlin
אחרי שפותחים את אפליקציית הדוגמה של חמנייה ל-Android ב-Android Studio, אפשר לקרוא על האפליקציה ולעיין בקבצי הפרויקט שלה.
- כדי לקבל מידע על מה שמודגם באפליקציה לדוגמה, אפשר לעיין בקובץ ה-README של האפליקציה ב-GitHub. לדוגמה הזו, אפשר לעיין בקובץ ה-README של Android Sunflower.
- ב-Android Studio, פותחים אחד מקובצי הפעילות של Kotlin באפליקציה, לדוגמה
GardenActivity.kt.
- ב-
GardenActivity.kt, מחפשים מחלקה, סוג או הליך שלא מכירים ומחפשים אותם בתיעוד למפתחי Android. לדוגמה, כדי לקבל מידע נוסף על השיטהsetContentView(), מחפשים באתר developer.android.com אתsetContentView().
שלב 3: שינוי הסמל של מרכז האפליקציות
בשלב הזה משנים את סמל מרכז האפליקציות של אפליקציית הדוגמה Android Sunflower. מוסיפים תמונה של קליפ ארט ומשתמשים בה כדי להחליף את סמל מרכז האפליקציות הנוכחי של Android Sunflower.
סמלים של מרכז האפליקציות
כל אפליקציה שיוצרים באמצעות Android Studio מתחילה עם סמל ברירת מחדל במרכז האפליקציות שמייצג את האפליקציה. לפעמים קוראים לסמלים במרכז האפליקציות סמלי אפליקציות או סמלי מוצרים.
אם מפרסמים אפליקציה ב-Google Play, סמל ההפעלה של האפליקציה מופיע בדף האפליקציה ובתוצאות החיפוש בחנות Google Play.
אחרי שאפליקציה מותקנת במכשיר עם Android, סמל מרכז האפליקציות של האפליקציה מופיע במסך הבית של המכשיר ובמקומות אחרים במכשיר. לדוגמה, סמל מרכז האפליקציות של אפליקציית החמנייה ל-Android מופיע בחלון חיפוש אפליקציות של המכשיר, כמו שמוצג בתמונה הבאה (מספר 1). סמל ברירת המחדל של מרכז האפליקציות, שמוצג בתמונה למטה כמספר 2, משמש בהתחלה את כל פרויקטי האפליקציות שיוצרים ב-Android Studio.

שינוי הסמל של מרכז האפליקציות
תהליך שינוי הסמל של מרכז האפליקציות מאפשר לכם להכיר את התכונות של נכסי תמונות ב-Android Studio.
ב-Android Studio, כך משנים את סמל מרכז האפליקציות של אפליקציית Sunflower ל-Android:
- בחלונית Project > Android, לוחצים לחיצה ימנית (או Control+click) על התיקייה res. בוחרים באפשרות חדש > נכס תמונה. מופיעה תיבת הדו-שיח Configure Image Asset (הגדרת נכס תמונה).

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

- לוחצים על סמל הרובוט בשדה Clip Art (מאגר תמונות קליפ), שמוצג כ-2 בצילום המסך שלמעלה. מופיעה תיבת הדו-שיח Select Icon (בחירת סמל), שבה מוצגת קבוצת הסמלים של Material Design.
- מעיינים בתיבת הדו-שיח בחירת סמל או מחפשים סמל לפי שם. בוחרים סמל, למשל סמל המצב רוח כדי להציע מצב רוח טוב. לוחצים על אישור.

- בתיבת הדו-שיח הגדרת נכס תמונה, לוחצים על הכרטיסייה שכבת רקע. בקטע סוג הנכס, בוחרים באפשרות צבע. לוחצים על משבצת הצבע ובוחרים צבע לשימוש כשכבת הרקע של הסמל.
- לוחצים על הכרטיסייה קודם ובודקים את הגדרות ברירת המחדל. מאשרים שרוצים ליצור סמלים מדור קודם, סמלים עגולים וסמלים לחנות Google Play. לוחצים על Next.
- מופיעה תיבת הדו-שיח Confirm Icon Path (אישור נתיב הסמל), שבה מוצג המקום שבו קובצי הסמלים מתווספים ונכתבים מחדש. לוחצים על סיום.
- מריצים את האפליקציה באמולטור AVD או במכשיר עם Android.
Android Studio מוסיף באופן אוטומטי את תמונות הסמל של האפליקציה לספריות mipmap עבור צפיפויות המסך השונות. אפליקציית החמנייה ל-Android משתמשת עכשיו בסמל החדש של קליפ-ארט כסמל ההפעלה שלה.

- מריצים את האפליקציה שוב. מוודאים שהסמל החדש של מרכז האפליקציות מופיע במסך 'חיפוש אפליקציות'.
שלב 1: מעיינים במסמכי התיעוד הרשמיים של Android
כדאי לעיין בכמה מהאתרים הכי שימושיים של מסמכי התיעוד של Android כדי להכיר את המידע שזמין בהם:
- נכנסים לכתובת developer.android.com. Google מעדכנת את המסמכים הרשמיים למפתחים של Android.
- עוברים אל developer.android.com/design/. באתר הזה מפורטות הנחיות לעיצוב המראה והפונקציונליות של אפליקציות Android באיכות גבוהה.
- נכנסים לאתר material.io, שמוקדש לעיצוב חדשני תלת-ממדי. Material Design היא פילוסופיית עיצוב קונספטואלית שמסבירה איך כל האפליקציות, ולא רק אפליקציות ל-Android, צריכות להיראות ולפעול במכשירים ניידים. אפשר ללחוץ על הקישורים כדי לקבל מידע נוסף על Material Design. לדוגמה, כדי לקבל מידע על השימוש בצבע, לוחצים על הכרטיסייה עיצוב ואז בוחרים באפשרות צבע.
- בכתובת developer.android.com/docs/ אפשר למצוא מידע על API, מסמכי עזר, מדריכים, מדריכים לכלים ודוגמאות קוד.
- בכתובת developer.android.com/distribute/ אפשר למצוא מידע על פרסום אפליקציה ב-Google Play. Google Play היא מערכת ההפצה הדיגיטלית של Google לאפליקציות שפותחו באמצעות Android SDK. בעזרת Google Play Console אתם יכולים להגדיל את בסיס המשתמשים שלכם ולהתחיל להרוויח כסף.
שלב 2: עיון בתוכן מצוות Android ומחיפוש Google
- מומלץ לעיין בערוץ YouTube למפתחי Android, שבו אפשר למצוא הדרכות וטיפים שימושיים.
- בבלוג הרשמי של Android, צוות Android מפרסם חדשות וטיפים.
- מזינים שאלה בחיפוש Google, ומנוע החיפוש של Google אוסף תוצאות רלוונטיות ממקורות שונים. לדוגמה, אפשר להשתמש בחיפוש Google כדי לשאול את השאלה "מהי הגרסה הכי פופולרית של מערכת ההפעלה Android בהודו?". אפשר אפילו להזין הודעות שגיאה בחיפוש Google.
שלב 3: חיפוש ב-Stack Overflow
Stack Overflow היא קהילה של מתכנתים שעוזרים אחד לשני. אם נתקלתם בבעיה, סביר להניח שמישהו כבר פרסם תשובה.
- עוברים אל Stack Overflow.
- בתיבת החיפוש, מזינים שאלה כמו 'איך מגדירים ומשתמשים ב-ADB דרך Wi-Fi?' אפשר לחפש ב-Stack Overflow בלי להירשם, אבל אם רוצים לפרסם שאלה חדשה או לענות על שאלה, צריך להירשם.
- בתיבת החיפוש, מזינים
[android]. הסוגריים המרובעים[]מציינים שרוצים לחפש פוסטים שתויגו כפוסטים בנושא Android. - כדי שהחיפוש יהיה ספציפי יותר, אפשר לשלב בין תגים ומונחי חיפוש. כדאי לנסות את החיפושים הבאים:
[android] and [layout][android] "hello world"
שלב 4: שימוש ב-SDK Manager להתקנת תיעוד אופליין
כשמתקינים את Android Studio, רכיבים חיוניים של Android SDK מותקנים יחד איתו. כדי להתקין ספריות ומסמכים אחרים שזמינים, משתמשים ב-SDK Manager.
כדי לעיין ב-SDK Manager ולהוריד את התיעוד של ה-SDK, פועלים לפי השלבים הבאים:
- ב-Android Studio, בוחרים באפשרות Tools > SDK Manager. מנהל ה-SDK ייפתח.
- בעמודה הימנית של SDK Manager, בוחרים באפשרות Android SDK (1 בצילום המסך שלמטה).
- שימו לב לנתיב בשדה Android SDK Location (2 בצילום המסך שלמטה). בהמשך משתמשים בנתיב הזה כדי למצוא את מה שמתקינים.

- ב-SDK Manager, לוחצים על הכרטיסייה SDK Platforms (פלטפורמות SDK). מכאן אפשר להתקין גרסאות נוספות של מערכת Android.
- לוחצים על הכרטיסייה SDK Tools (כלים ל-SDK). מכאן אפשר להתקין כלי פיתוח ל-SDK שלא מותקנים כברירת מחדל. אפשר גם להתקין גרסה אופליין של תיעוד המפתחים של Android.
- לוחצים על הכרטיסייה אתרי עדכון של SDK. Android Studio בודק באופן קבוע אם יש עדכונים לאתרים שמופיעים ברשימה ולאתרים שנבחרו.
- חוזרים לכרטיסייה SDK Tools (כלי SDK) ומסמנים את התיבה Documentation for Android SDK (תיעוד ל-Android SDK), אם היא עדיין לא מסומנת. לוחצים על החלה.
תיבת דו-שיח לאישור תיפתח ותציג את נפח האחסון בדיסק שנדרש להורדה. לוחצים על אישור. - בסיום ההתקנה, לוחצים על סיום.
כדי למצוא את התיעוד שהתקנתם:
- במחשב, עוברים לספרייה
Android/sdk/. (כדי למצוא את הנתיב לספרייה, אפשר לעיין בשדה Android SDK Location, שמוצג כ-2 בצילום המסך שלמעלה). - פותחים את הספרייה
docs/. - מאתרים את קובץ
index.htmlופותחים אותו בדפדפן.
- התיעוד הרשמי למפתחים של Android זמין בכתובת developer.android.com.
- Material Design היא פילוסופיית עיצוב קונספטואלית שמסבירה איך אפליקציות צריכות להיראות ולפעול במכשירים ניידים. Material Design לא מיועד רק לאפליקציות ל-Android. ההנחיות של Material Design זמינות בכתובת material.io.
- Android Studio מספק תבניות לעיצובים נפוצים ומומלצים של אפליקציות ופעילויות. התבניות האלה כוללות קוד פעיל לתרחישי שימוש נפוצים.
- כשיוצרים פרויקט, אפשר לבחור תבנית לפעילות הראשונה.
- במהלך פיתוח האפליקציה, אפשר ליצור פעילויות ורכיבים אחרים של האפליקציה מתבניות מובנות.
- ב-Google Samples יש דוגמאות קוד שאפשר ללמוד מהן, להעתיק אותן ולשלב אותן בפרויקטים שלכם.
קורס ב-Udacity:
מסמכי תיעוד של Android Studio:
מסמכי תיעוד למפתחי Android:
- האתר למפתחי Android
- אתר ההדרכה של Google Developers
- פריסות
- סקירה כללית על מקורות מידע לאפליקציות
- תפריטים
TextView- משאבי מחרוזות
- סקירה כללית של קובץ מניפסט של אפליקציה
דוגמאות קוד:
- קוד המקור של קורסי ההדרכה של Google Developers ב-GitHub
- Google Samples
- דוגמאות קוד ל-Android למפתחים
סרטי וידאו:
מקורות מידע נוספים:
עוברים לשיעור הבא:
קישורים ל-codelabs אחרים בקורס הזה מופיעים בדף הנחיתה של ה-codelabs בנושא יסודות Android Kotlin.