Bilder laden und anzeigen

Wenn Sie Bilder in Ihrer App für Inhalte und für Antworten auf Nutzeraktionen anzeigen möchten, laden Sie die Bilder von der Festplatte oder aus einer externen Quelle im Internet. Sie können Bilder auf folgende Arten laden:

• Von der Festplatte
• Aus einem Netzwerk mit Coil
• Aus einem Netzwerk mit Glide

Ergebnisse

Versionskompatibilität

Für diese Implementierung muss für Ihr Projekt minSDK auf API-Level 21 oder höher festgelegt sein.

Bild von der Festplatte laden

Sie können lokal gespeicherte Bilder vom Laufwerk laden, um sie in Ihrer App für Inhalte anzuzeigen und auf Nutzeraktionen zu reagieren.

Abhängigkeiten

Bild laden

Verwenden Sie den folgenden Code, um ein lokal gespeichertes Bild vom Laufwerk zu laden und in Ihrer App anzuzeigen:

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

Wichtige Informationen zum Code

• Ein definiertes Compose-Image-Objekt mit einem painter-Attribut, das auf ein painterResource() gesetzt ist, das ein Bild aus App-Ressourcen lädt.
• Eine contentDescription, die TalkBack lesen kann, um die Barrierefreiheit Ihrer App zu verbessern.
• Ein stringResource(), um die übersetzte Inhaltsbeschreibung aus der Datei strings.xml zu laden.

Bild über das Netzwerk laden

Sie können Bilder, die extern im Internet gespeichert sind, entweder mit Coil oder Glide laden. Bei der Auswahl der Bibliothek für Ihr Projekt sollten Sie Faktoren wie Projektanforderungen und Leistungsbeschränkungen berücksichtigen.

Bild mit Coil laden

Sie können Bilder aus dem Internet mit Coil laden, einer Bibliothek eines Drittanbieters. Coil wird von Kotlin-Coroutinen unterstützt und lädt das Bild außerhalb des Hauptthreads. Sobald das Bild geladen ist, wird es angezeigt. Folgen Sie dieser Anleitung, um Bilder mit Coil aus dem Internet zu laden.

Abhängigkeiten

Bild laden

Verwenden Sie den folgenden Code, um Bilder mit Coil zu laden:

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

Bild mit Glide laden

Sie können Bilder, die extern im Internet gespeichert sind, mit Glide laden, um sie im Feed Ihrer App anzuzeigen. Glide ist eine schnelle und effiziente Bibliothek zum Laden von Bildern für Android, die auf reibungsloses Scrollen ausgelegt ist. Sie lädt das Bild außerhalb des Hauptthreads und zeigt es an, sobald es geladen ist.

Abhängigkeiten

Bild laden

Verwenden Sie den folgenden Code, um Bilder mit Glide zu laden:

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

Sammlungen, die diesen Leitfaden enthalten

Dieser Leitfaden ist Teil der folgenden ausgewählten Sammlungen von Kurzanleitungen, die umfassendere Ziele der Android-Entwicklung abdecken:

Bilder anzeigen

Hier erfahren Sie, wie Sie mit hellen, ansprechenden Bildern Ihrer Android-App ein schönes Aussehen verleihen.

Sammlung von Kurzanleitungen

Fragen oder Feedback

Auf der Seite mit den häufig gestellten Fragen finden Sie weitere Informationen zu Kurzanleitungen. Sie können uns auch kontaktieren und uns Ihre Meinung mitteilen.

Zu den FAQs Feedback geben