Android Kotlin Fundamentals 01.4: איך לעזור לעצמך

Lab Lab זה הוא חלק מקורס Android Kotlin Fundamentals. כדי להפיק את המקסימום מהקורס הזה, יש לפעול ברצף לפי קודי שיעור ה-Lab. כל שיעורי Lab של הקורסים מופיעים בדף הנחיתה של Lab Kotlin Fundamentals ל-Android Lab.

מבוא

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

דברים שחשוב לדעת

• תהליך העבודה הבסיסי של Android Studio.
• איך משתמשים בעורך הפריסה ב-Android Studio.

מה תלמדו

• איפה תוכלו למצוא מידע ומשאבים למפתחים של Kotlin ו-Android.
• כיצד לשנות את סמל מרכז האפליקציות באפליקציה.
• איך לחפש עזרה בזמן בניית אפליקציות ל-Android באמצעות Kotlin.

הפעולות שתבצעו:

• חלק מהמשאבים הזמינים למפתחי Kotlin Android בכל הרמות.
• הורדה והתנסות באפליקציה לדוגמה של Kotlin ל-Android.
• שינוי של סמל מרכז האפליקציות.

בשיעור Lab זה תלמדו על תבניות, דוגמאות, תיעוד ומשאבים אחרים הזמינים למפתחי Kotlin Android.

בשלב הראשון, יוצרים אפליקציה פשוטה מתבנית של Android Studio ומשנים את האפליקציה. לאחר מכן, מורידים ומגלים את האפליקציה לדוגמה של Android Flower Flower. מחליפים את סמל האפליקציה לדוגמה ('חמנייה') בנכס תמונות קליפ ארט שזמין ב-Android Studio (פנים סמיילי).

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

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

שלב 1: עיון בארכיטקטורה של הפעילות הבסיסית

1. ב-Android Studio, יוצרים פרויקט.
2. בתיבת הדו-שיח Choose your project, בוחרים את התבנית Basic Activity ולוחצים על Next.
3. בתיבת הדו-שיח Configure your project, נותנים לאפליקציה את השם הרצוי. בוחרים באפשרות Kotlin עבור השפה הרצויה ומסמנים את התיבה שימוש בחפצים מ-AndroidX. לוחצים על סיום.
4. יש לבנות את האפליקציה ולהפעיל אותה באמולטור או במכשיר המופעל על ידי Android.
5. עליכם לזהות את החלקים המסומנים באיור ובטבלה שלמטה. מוצאים את הערכים המקבילים במכשיר או במסך האמולטור. בודקים את קוד Kotlin המתאים ואת קובצי ה-XML המתוארים בטבלה.

היכרות עם קוד המקור וקובצי ה-XML של Kotlin תעזור לכם להרחיב ולהתאים אישית את התבנית של הפעילות הבסיסית לצרכים שלכם.

ארכיטקטורה של תבנית הפעילות הבסיסית

#	תיאור ממשק המשתמש	הסבר על הקוד
1	שורת סטטוס, שמערכת Android מספקת ושולטת בה.	לא מוצג בקוד התבנית, אבל אפשר לגשת לשורת הסטטוס מהפעילות. לדוגמה, אפשר להוסיף קוד ב-MainActivity.kt כדי להסתיר את שורת הסטטוס, אם יש צורך.
2	סרגל האפליקציות, שנקרא גם סרגל הפעולות, מספק מבנה ויזואלי, אלמנטים חזותיים סטנדרטיים וניווט.	ב-activity_main.xml, מחפשים את סרגל הכלים בתוך הרכיב AppBarLayout. לצורך תאימות לאחור, ה-AppBarLayout בתבנית מטמיע Toolbar עם אותה פונקציונליות כמו ActionBar. כדי לשנות את המראה של סרגל האפליקציות, משנים את המאפיינים של סרגל הכלים. לקבלת מדריכים של סרגל האפליקציות, ניתן לעיין במאמר הוספת סרגל האפליקציה.
3	שם האפליקציה נגזר במקור משם החבילה שלכם, אבל אתם יכולים לשנות אותו לכל מה שתרצו.	בעוד AndroidManifest.xml, יש לחפש את android:label="@string/app_name" מציינים את המחרוזת app_name ב-strings.xml.
4	הלחצן 'אפשרויות נוספות' בתפריט האפשרויות מכיל פריטי תפריט עבור הפעילות. לחצן האפשרויות הנוספות כולל גם אפשרויות תפריט גלובליות, כמו חיפוש והגדרות של האפליקציה. האפשרויות בתפריט של האפליקציה עוברות לתפריט הזה.	בMainActivity.kt, השיטה onOptionsItemSelected() מיישמת את מה שקורה כאשר המשתמש בוחר פריט בתפריט. כדי להציג את אפשרויות תפריט האפשרויות, יש לפתוח את res/menu/menu_main.xml שלך. רק פריט התפריט הגדרות מצוין בתבנית זו.
5	הפריסה של המתאם ViewGroup היא פריסה שמספקת מנגנונים לרכיבים בממשק המשתמש לצורך אינטראקציה. ממשק המשתמש של האפליקציה שלך כלול בקובץ content_main.xml, הכלול בקובץ ViewGroup הזה.	בactivity_main.xml, מחפשים את ההוראה include layout. לא מפורטות צפיות בפריסה הזו. במקום זאת, הפריסה כוללת את הפריסה content_main, שבה מתרחשות הצפיות של האפליקציה. תצוגות המערכת נשמרות בנפרד מהתצוגות הייחודיות לאפליקציה שלך.
6	התבנית משתמשת ב-TextView כדי להציג "שלום World". המיקום הזה יוחלף ברכיב TextView בממשק המשתמש של האפליקציה.	תצוגת ה-"שלום לעולם" נמצאת בקובץ content_main.xml. יש להגדיר את כל רכיבי ממשק המשתמש באפליקציה שלך.
7	לחצן פעולה צף (FAB)	ב-activity_main.xml, מחפשים את הרכיב FloatingActionButton. ה-FAB מוגדר כרכיב ממשק משתמש באמצעות סמל של קליפ ארט. MainActivity.kt כולל סבתא ב-onCreate() שמגדיר את event listener של onClick() ל-FAB.

שלב 2: התאמה אישית של האפליקציה שהתבנית יוצרת

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

1. משנים את שם האפליקציה שתוצג בסרגל האפליקציות. כדי לעשות את זה, צריך לשנות את משאב המחרוזת app_name בקובץ ה-res > value > string.xml כך:

<string name="app_name">New Application</string>

2. ניתן לשנות את הצבע של סרגל האפליקציות (Toolbar) ב-res >Layout > activity_main.xml על-ידי שינוי המאפיין android:background ל-"?attr/colorPrimaryDark". הערך הזה מגדיר את צבע סרגל האפליקציות לצבע ראשי כהה יותר שתואם לשורת הסטטוס:

android:background="?attr/colorPrimaryDark"

3. מריצים את האפליקציה. השם החדש של האפליקציה מופיע בשורת הסטטוס, וצבע הרקע של סרגל האפליקציות כהה יותר ותואם לצבע של שורת הסטטוס. כשלוחצים על לחצן FAB, מופיע סרגל הצד שמוצג כצילום מסך למטה.
   
4. לשנות את הטקסט של מזנון. כדי לעשות את זה, פותחים את MainActivity ומחפשים את קוד האימות ב-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()
}

5. ה-FAB משתמש בצבע המשני של האפליקציה. לכן, אחת מהדרכים לשנות את צבע ההדגשה היא לשנות את צבע ההדגשה. כדי לשנות את הצבע המשני, פותחים את הקובץ res > value > color.xml ומשנים את המאפיין colorAccent, כפי שמוצג למטה. (לקבלת עזרה בבחירת הצבעים, ניתן לעיין במערכת הצבעים של עיצוב חדשני תלת-ממדי).

<color name="colorAccent">#1DE9B6</color>

6. מפעילים את האפליקציה. ממשק ה-FAB משתמש בצבע החדש והטקסט של סרגל הצד השתנה.
   
   

טיפ: מידע על התחביר של XML לגישה למשאבים זמין במאמר גישה למשאבים של האפליקציה.

שלב 3: מידע נוסף על הוספת פעילויות באמצעות תבניות

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

1. יוצרים פרויקט אפליקציה או בוחרים פרויקט קיים.
2. בחלונית Project > Android, לוחצים לחיצה ימנית על התיקייה JavaScript.
3. בוחרים באפשרות New > Activity > Gallery.
4. הוספת פעילות לאפליקציה על ידי בחירה באחת מהתבניות Activity. לדוגמה, אם רוצים להוסיף Activity פעילות עם חלונית הזזה לניווט, בוחרים באפשרות פעילות בחלונית ההזזה לניווט.
5. כדי להציג את הפעילות בעורך הפריסה, לחצו לחיצה כפולה על קובץ הפריסה של הפעילות (לדוגמה: activity_main2.xml). השתמשו בכרטיסייה עיצוב ובכרטיסייה טקסט כדי לעבור בין תצוגה מקדימה של הפריסה לקוד הקוד.

מאגרי הדגימות של Google ב-GitHub מספקים דוגמאות של קוד Kotlin ל-Android, שניתן ללמוד, להעתיק ולשלב בפרויקטים שלך.

שלב 1: הורדה והפעלה של דוגמה לקוד Android של Kotlin

1. בדפדפן, נכנסים אל github.com/googlesamples.
2. עבור שפה, בוחרים באפשרות Kotlin.
3. צריך לבחור אפליקציה לדוגמה מ-Kotlin ל-Android ששונה לאחרונה ולהוריד את קוד הפרויקט של האפליקציה. בדוגמה הזו, מורידים את קובץ ה-ZIP של אפליקציית android-sun Flower, שמדגים חלק מהרכיבים של Android Jetpack.
4. ב-Android Studio, פותחים את פרויקט Android-sun Flower-Master.
5. עליך לקבל את כל העדכונים המומלצים על ידי Android Studio, ואז להפעיל את האפליקציה באמולטור או במכשיר המופעל על ידי Android.
   

הערה:הדגימות הכלולים במאגר הדגימות של Google ב-GitHub נועדו כנקודת התחלה לפיתוח נוסף. אנחנו ממליצים לכם לתכנן ולבנות רעיונות משלכם באמצעות הדוגמאות האלה.

שלב 2: דוגמה של קוד Android בפורמט Kotlin

עכשיו, לאחר שפותחים את אפליקציית Android Sunflow ב-Android Studio, מקבלים מידע על האפליקציה ובודקים את קובצי הפרויקט.

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

שלב 3: שינוי סמל מרכז האפליקציות

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

סמלי מרכז האפליקציות

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

אם מפרסמים אפליקציה ב-Google Play, סמל מרכז האפליקציות מופיע בדף האפליקציה ובתוצאות החיפוש בחנות Google Play.

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

שינוי סמל מרכז האפליקציות

תהליך שינוי הסמל של מרכז האפליקציות מציג את תכונות הנכס של תמונות ב-Android Studio.

ב-Android Studio, כך משנים את אפליקציית מרכז האפליקציות של Android ל-&#39:

1. בחלונית Project > Android, לוחצים לחיצה ימנית (או על Control+לחיצה) על התיקייה res. בוחרים באפשרות > נכס תמונה חדש. תופיע תיבת הדו-שיח הגדרת נכס תמונה.

2. בשדה סוג סמל, בוחרים באפשרות סמלי מרכז האפליקציות (Adaptive & Legacy), אם הם עדיין לא נבחרו. לוחצים על הכרטיסייה שכבת חזית.
3. בשדה סוג הנכס, בוחרים באפשרות קליפ ארט שמופיעה כצילום מסך למטה.
   
   
4. לוחצים על סמל הרובוט בשדה קליפ ארט, שמוצג כ-2 בצילום המסך שלמעלה. תיבת הדו-שיח בחירת סמל תופיע, שבה מוצג הסמל של עיצוב חדשני תלת-ממדי.
5. מעיינים בתיבת הדו-שיח בחירת סמל או מחפשים סמל לפי שם. בוחרים סמל, כמו סמל המצב הרוח, כדי להציע מצב רוח טוב. לוחצים על אישור.

6. בתיבת הדו-שיח הגדרה של נכס תמונה, לוחצים על הכרטיסייה שכבת רקע. בהגדרה סוג הנכס, בוחרים באפשרות צבע. לוחצים על הצ'יפ בצבע ובוחרים את שכבת הרקע שתשמש לסמל.
7. לוחצים על הכרטיסייה מדור קודם ובודקים את הגדרות ברירת המחדל. מאשרים שרוצים ליצור סמלים מדור קודם, עגולים וחנות Google Play. לוחצים על Next.
8. תיבת הדו-שיח אישור נתיב סמל מופיעה במקום שבו מתווספים ומחליפים קובצי סמלים. לוחצים על סיום.
9. ניתן להפעיל את האפליקציה באמולטור AVD או במכשיר המבוסס על Android.

מערכת Android Studio מוסיפה באופן אוטומטי את תמונות מרכז האפליקציות לספריות של Mipmap עבור דחיסות המסך השונות. אפליקציית Android Sunrise משתמשת בסמל החדש ליצירת קליפ כסמל ההפעלה שלה.

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

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

שלב 1: עיון בתיעוד הרשמי של Android

חלק מאתרי התיעוד השימושיים ביותר של Android והיכרות עם הפריטים הזמינים:

1. יש לעבור אל developer.android.com. התיעוד הרשמי של מפתח Android הזה נשמר על ידי Google.
2. עוברים אל developer.android.com/design/. באתר הזה מופיעות הנחיות לעיצוב ולפונקציונליות של אפליקציות ל-Android באיכות גבוהה.
3. יש לעבור אל material.io, שהוא אתר העוסק בעיצוב חדשני תלת-ממדי. עיצוב חדשני תלת-טכני עיינו בקישורים למידע נוסף על עיצוב חדשני תלת-ממדי. לדוגמה, כדי לקבל מידע על השימוש בצבע, לוחצים על הכרטיסייה עיצוב ובוחרים באפשרות צבע.
4. בכתובת developer.android.com/docs/ תוכלו למצוא מידע על API, מסמכי עזר, מדריכים, מדריכים לכל הכלים ודוגמאות קוד.
5. יש לעבור אל developer.android.com/syndication/ כדי למצוא מידע על פרסום אפליקציה ב-Google Play. Google Play היא מערכת ההפצה הדיגיטלית של Google לאפליקציות שפותחו באמצעות ה-Android SDK. משתמשים ב-Google Play Console כדי להגדיל את בסיס המשתמשים ולהתחיל להרוויח כסף.

שלב 2: עיון בתוכן מצוות Android ומחיפוש Google

1. כדאי לעיין בערוץ ה-YouTube של מפתחי Android, שהוא מקור נהדר למדריכים ולטיפים.
2. נכנסים לבלוג הרשמי של Android, שבו צוות Android מפרסם חדשות וטיפים.
3. כותבים שאלה בחיפוש Google. מנוע החיפוש של Google אוסף תוצאות רלוונטיות ממשאבים שונים. לדוגמה, השתמשו בחיפוש Google כדי לשאול את השאלה " איזו גרסת מערכת ההפעלה של Android היא הפופולרית ביותר בהודו?" אפשר אפילו להזין הודעות שגיאה בחיפוש Google.

שלב 3: חיפוש ב-Stack Overflow

Stack Overflow היא קהילה של מתכננים שעוזרים זה לזה. אם תיתקלו בבעיה, סביר להניח שמישהו כבר פרסם תשובה.

1. נכנסים אל Stack Overflow.
2. בתיבת החיפוש, מזינים שאלה כמו "איך מגדירים ADB ומשתמשים בה ב-Wi-Fi?" אפשר לחפש ב-Stack Overflow בלי להירשם, אבל אם רוצים לפרסם שאלה חדשה או לענות על שאלה, צריך להירשם.
3. בתיבת החיפוש, מזינים [android]. הסוגריים [] מציינים שברצונך לחפש פוסטים שתויגו כקשורים ל-Android.
4. אפשר לשלב תגים ומונחי חיפוש כדי ליצור חיפושים ספציפיים יותר. כדאי לנסות את החיפושים הבאים:

• [android] and [layout]
• [android] "hello world"

טיפ: לקבלת מידע נוסף על הדרכים הרבות שבהן אפשר לחפש ב-Stack Overflow, כדאי לעיין במרכז העזרה של Stack Overflow.

שלב 4: משתמשים ב'מנהל SDK' כדי להתקין תיעוד במצב אופליין

כשמתקינים את Android Studio, מקבלים רכיבים חשובים של Android SDK יחד איתו. כדי להתקין ספריות ומסמכים זמינים אחרים, יש להשתמש ב-SDK Manager.

כדי לעיין במנהל ה-SDK ולהוריד את מסמכי ה-SDK, צריך לבצע את הפעולות הבאות:

1. ב-Android Studio, בוחרים באפשרות כלים > מנהל SDK. מנהל ה-SDK ייפתח.
2. בעמודה הימנית במנהל ה-SDK, בוחרים באפשרות Android SDK (1 בצילום המסך שבהמשך).
3. שימו לב לנתיב בשדה מיקום SDK של Android (2 בצילום המסך שבהמשך). נתיב זה ישמש אותך מאוחר יותר כדי למצוא את מה שהתקנת.
   
4. במנהל ה-SDK לוחצים על הכרטיסייה פלטפורמות SDK. מכאן אפשר להתקין גרסאות נוספות של מערכת Android.
5. לוחצים על הכרטיסייה SDK SDK. מכאן אפשר להתקין כלים למפתחים של SDK שלא מותקנים כברירת מחדל. ניתן גם להתקין גרסה אופליין של התיעוד למפתחים של Android.
6. לוחצים על הכרטיסייה עדכון אתרים באמצעות SDK. Android Studio בודק בקביעות את האתרים הרשומים והאתרים שנבחרו.
7. חוזרים לכרטיסייה כלי SDK ובוחרים בתיבת הסימון תיעוד עבור Android SDK, אם היא עדיין לא מסומנת. לוחצים על אישור.
   
   נפתחת תיבת דו-שיח לאישור שמראה את נפח האחסון הנדרש להורדה. לוחצים על אישור.
8. עם סיום ההתקנה, לוחצים על סיום.

כדי למצוא את המסמכים שהתקנת, יש לבצע את השלבים הבאים:

1. במחשב, עוברים אל הספרייה Android/sdk/. (כדי למצוא את הנתיב אל הספרייה, ראו את השדה מיקום Android SDK, שמוצג כ-2 בצילום המסך שלמעלה).
2. פתיחת הספרייה docs/.
3. מאתרים את הקובץ index.html ופותחים אותו בדפדפן.

• התיעוד הרשמי למפתחים של Android זמין בכתובת developer.android.com.
• עיצוב חדשני תלת-ממדי הוא פילוסופיה של עיצוב המבוססת על עיצוב, שמראה את האופן שבו אפליקציות צריכות להיראות ולתפקד במכשירים ניידים. עיצוב חדשני תלת-ממדי מיועד לא רק לאפליקציות Android. ההנחיות לעיצוב חדשני תלת-ממדי מופיעות בכתובת material.io.
• Android Studio מספק תבניות לעיצובים מומלצים של אפליקציות ופעילויות. התבניות האלה מספקות קוד עבודה לתרחישים נפוצים.
• כשיוצרים פרויקט, אפשר לבחור תבנית לפעילות הראשונה.
• במהלך הפיתוח של האפליקציה, אפשר ליצור פעילויות ורכיבי אפליקציות אחרים מתבניות מובנות.
• דוגמאות Google כוללות דוגמאות קוד שניתן ללמוד, להעתיק ולשלב בפרויקטים שלך.

קורס אוניברסיטה:

• פיתוח אפליקציות ל-Android באמצעות Kotlin

מסמכי התיעוד של Android Studio:

• Android Studio
• פיתוח בסיסי בעבודה עם מפתחים

התיעוד של מפתח Android:

• אתר המפתחים של Android
• אתר ההדרכה של Google Developers
• פריסות
• סקירה כללית של משאבי האפליקציה
• תפריטים
• TextView
• משאבי מחרוזת
• סקירה כללית של קובץ מניפסט האפליקציה

דוגמאות קוד:

• קוד המקור לקורסי ההדרכה של Google Developers ב-GitHub
• דוגמאות של Google
• דוגמאות קוד ל-Android למפתחים

סרטי וידאו:

• ערוץ YouTube של מפתח Android
• קורסים אונליין באוניברסיטה

משאבים אחרים:

• הבלוג הרשמי של Android
• הבלוג למפתחי Android
• Google Developers Codelabs
• גלישת ערימה
• מילון מונחים ב-Android

מעבר לשיעור הבא: 2.1: פריסה לינארית באמצעות עורך הפריסה

קישורים למעבדות אחרות של הקוד בקורס הזה זמינים בדף הנחיתה של Android Kotlin Fundamentals Codelabs.