Bilder laden und anzeigen

Wenn Sie Bilder in Ihrer App für Inhalte und als Reaktion auf Nutzeraktionen anzeigen möchten, laden Sie die Bilder von der Festplatte oder aus einer externen Quelle im Internet herunter. Sie haben folgende Möglichkeiten, Bilder zu laden:

  • Über das Laufwerk
  • Über ein Netzwerk mit Coil
  • Über ein Netzwerk mit Glide

Versionskompatibilität

Für diese Implementierung muss das minSDK Ihres Projekts auf API-Level 21 oder höher festgelegt sein.

Image von Datenträger laden

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

Abhängigkeiten

Bild laden

Mit dem folgenden Code laden Sie ein lokal gespeichertes Bild vom Laufwerk, um es in Ihrer App anzuzeigen:

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

Wichtige Punkte zum Code

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

Bild über das Netzwerk laden

Sie können extern im Internet gespeicherte Bilder entweder mit Coil oder Glide laden. Berücksichtigen Sie bei der Auswahl der Bibliothek für Ihr Projekt Faktoren wie Projektanforderungen und Leistungseinschränkungen.

Bild mit Coil laden

Mit der Drittanbieterbibliothek Coil können Sie Bilder aus dem Internet laden. Coil wird von Kotlin-Coroutinen unterstützt und lädt das Bild nicht über den Hauptthread, sondern zeigt es nach dem Laden an. Folgen Sie dieser Anleitung, um Bilder mit Coil aus dem Internet zu laden.

Abhängigkeiten

Bild laden

Mit dem folgenden Code kannst du Bilder mit Coil laden:

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

Bild mit Glide laden

Sie können extern im Internet gespeicherte Bilder mit Glide hochladen, um sie im Feed Ihrer App anzuzeigen. Glide ist eine schnelle und effiziente Bildladebibliothek für Android, die auf flüssiges Scrollen ausgerichtet ist. Sie ist für das Laden des Bildes außerhalb des Hauptthreads verantwortlich und zeigt es nach dem Laden an.

Abhängigkeiten

Bild laden

Mit dem folgenden Code kannst du Bilder mit Glide laden:

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

Ergebnisse

Ein Bild eines Hundes
Abbildung 1: Ein Bild wird geladen und angezeigt.

Sammlungen, die diesen Leitfaden enthalten

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

Hier erfahren Sie, wie Sie mit leuchtenden, ansprechenden visuellen Elementen Ihrer Android-App ein ansprechendes Erscheinungsbild verleihen.

Hast du Fragen oder Feedback?

Auf unserer Seite mit häufig gestellten Fragen finden Sie Kurzanleitungen. Sie können sich auch gern an uns wenden.