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

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

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

תוצאות

תמונה של כלב
איור 1. תמונה נטענה ומוצגת.

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

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

טעינת תמונה מהדיסק

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

פניות קשורות

טעינת התמונה

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

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

מידע חשוב על הקוד

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

טעינת תמונה דרך הרשת

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

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

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

פניות קשורות

טעינת התמונה

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

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

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

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

פניות קשורות

טעינת התמונה

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

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

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

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

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

יש לך שאלות או משוב?

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