טעינת תמונות והצגתן

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

• מהדיסק
• מרשת באמצעות Coil
• מרשת באמצעות Glide

תאימות גרסאות

כדי להטמיע את הקוד הזה, צריך להגדיר את minSDK של הפרויקט לרמת API 21 ואילך.

טעינה של קובץ אימג' מהדיסק

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

יחסי תלות

טעינת התמונה

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

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)
LoadingImagesSnippets.kt

נקודות עיקריות לגבי הקוד

• אובייקט Image מוגדר של Compose עם מאפיין painter שמוגדר ל-painterResource(), שמטעין תמונה ממשאבי האפליקציה.
• contentDescription ש-TalkBack יכול לקרוא כדי לשפר את הנגישות של האפליקציה.
• stringResource() כדי לטעון תיאור של תוכן מתורגם מהקובץ strings.xml.

טעינת תמונה ברשת

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

טעינת תמונה באמצעות Coil

אפשר לטעון תמונות מהאינטרנט באמצעות Coil, ספרייה של צד שלישי. ‏Coil נתמך על ידי פונקציות קורוטין של Kotlin, והוא אחראי על טעינת התמונה מחוץ ל-thread הראשי ועל הצגתה לאחר הטעינה. כדי לטעון תמונות מהאינטרנט באמצעות Coil, פועלים לפי ההוראות הבאות.

יחסי תלות

טעינת התמונה

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

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)
LoadingImagesSnippets.kt

טעינת תמונה באמצעות Glide

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

יחסי תלות

טעינת התמונה

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

GlideImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)
LoadingImagesSnippets.kt

תוצאות

אוספים שמכילים את המדריך הזה

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

הצגת תמונות

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

אוסף מדריכים מהירים

יש לכם שאלות או משוב

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

לשאלות נפוצות שליחת משוב