התחלה מהירה

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

הורדת Android Studio

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

יצירת אפליקציה חדשה עם תמיכה ב-Compose

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

  1. אם אתם נמצאים בחלון Welcome to Android Studio (ברוכים הבאים ל-Android Studio), לוחצים על Start a new Android Studio project (התחלת פרויקט חדש ב-Android Studio). אם כבר יש לכם פרויקט פתוח ב-Android Studio, בסרגל התפריטים לוחצים על File > ‏New > ‏New Project (קובץ > חדש > פרויקט חדש).
  2. בחלון Select a Project Template, בוחרים באפשרות Empty Activity ולוחצים על Next.
  3. בחלון Configure your project, מבצעים את הפעולות הבאות:
    1. מגדירים את השם, שם החבילה ומיקום השמירה כרגיל. שימו לב שבתפריט הנפתח Language, האפשרות היחידה שזמינה היא Kotlin, כי Jetpack Compose פועל רק עם מחלקות שכתובות ב-Kotlin.
    2. בתפריט הנפתח Minimum API level, בוחרים רמת API ‏21 ומעלה.
  4. לוחצים על סיום.

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

הגדרת יחסי תלות ומהדר של Compose

הגדרת יחסי התלות של Compose והקומפיילר

אפליקציות לדוגמה של Jetpack Compose

הדרך המהירה ביותר להתנסות ביכולות של Jetpack Compose היא לנסות אפליקציות לדוגמה של Jetpack Compose שמתארחות ב-GitHub. כדי לייבא פרויקט של אפליקציה לדוגמה מ-Android Studio, פועלים לפי השלבים הבאים:

  1. אם אתם נמצאים בחלון Welcome to Android Studio, בוחרים באפשרות Import an Android code sample. אם כבר יש לכם פרויקט פתוח ב-Android Studio, בסרגל התפריטים לוחצים על File > ‏New > ‏Import Sample (קובץ > חדש > ייבוא דוגמה).
  2. בשורת החיפוש שבחלק העליון של האשף Browse Samples, מקלידים "compose".
  3. בוחרים באחת מהאפליקציות לדוגמה של Jetpack Compose מתוצאות החיפוש ולוחצים על Next (הבא).
  4. משנים את הערכים של Application name ו-Project location או משאירים את ערכי ברירת המחדל.
  5. לוחצים על סיום.

האפליקציה לדוגמה תרד ב-Android Studio לנתיב שציינתם, והפרויקט ייפתח. לאחר מכן תוכלו לבדוק את MainActivity.kt בכל אחת מהדוגמאות כדי לראות ממשקי API של Jetpack Compose, כמו אנימציית מעבר הדרגתי, רכיבים בהתאמה אישית, שימוש בטיפוגרפיה והצגת צבעים בהירים וכהים בתצוגה המקדימה ב-IDE.

כדי להשתמש ב-Jetpack Compose ל-Wear OS, עיינו במאמר הגדרת Jetpack Compose ב-Wear OS.