wczytywanie i wyświetlanie obrazów,

Aby wyświetlać w aplikacji obrazy związane z treściami i działaniami użytkownika, pobieraj je z dysku lub z zewnętrznego źródła w internecie. Obrazy możesz wczytywać na te sposoby:

• Z dysku
• Z sieci korzystającej z Coil
• Z sieci korzystającej z Glide

Zgodność wersji

Ta implementacja wymaga, aby minimalna wersja pakietu SDK projektu była ustawiona na poziom API 21 lub wyższy.

Ładowanie obrazu z dysku

Możesz wczytywać z dysku obrazy przechowywane lokalnie, aby wyświetlać je w aplikacji w celu wyświetlania treści i reagowania na działania użytkowników.

Zależności

Wczytaj obraz

Aby załadować z dysku obraz zapisany lokalnie, aby wyświetlić go w aplikacji, użyj tego kodu:

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

Najważniejsze informacje o kodzie

• Zdefiniowany obiekt Compose Image z atrybutem painter ustawionym na painterResource(), który wczytuje obraz z zasobów aplikacji.
• contentDescription, który TalkBack może odczytać, aby zwiększyć dostępność aplikacji.
• stringResource(), aby załadować przetłumaczoną treść z pliku strings.xml.

Ładowanie obrazu przez sieć

Obrazy przechowywane w internecie możesz wczytywać za pomocą Coil lub Glide. Aby wybrać bibliotekę do użycia w projekcie, weź pod uwagę takie czynniki, jak wymagania projektu i ograniczenia wydajności.

Ładowanie obrazu za pomocą Coil

Obrazy z internetu możesz wczytywać za pomocą biblioteki zewnętrznej Coil. Coil korzysta z funkcji coroutines w Kotlinie i odpowiada za wczytywanie obrazu poza wątkiem głównym oraz wyświetlanie go po załadowaniu. Aby wczytywać obrazy z internetu za pomocą Coil, postępuj zgodnie z tymi wskazówkami.

Zależności

Wczytaj obraz

Aby wczytywać obrazy za pomocą Coil, użyj tego kodu:

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

Ładowanie obrazu za pomocą Glide

Możesz wczytywać obrazy przechowywane zewnętrznie w internecie za pomocą Glide, aby wyświetlać je w przeglądarce aplikacji. Glide to szybka i wydajna biblioteka do ładowania obrazów na Androida, która zapewnia płynne przewijanie. Odpowiada ona za ładowanie obrazu poza wątkiem głównym i wyświetla go po jego załadowaniu.

Zależności

Wczytaj obraz

Aby wczytać obrazy za pomocą Glide, użyj tego kodu:

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

Wyniki

Kolekcje zawierające ten przewodnik

Ten przewodnik należy do tych kolekcji krótkich przewodników, które obejmują szersze zagadnienia związane z tworzeniem aplikacji na Androida:

Wyświetl obrazy

Poznaj techniki tworzenia jasnych i przyciągających uwagę elementów wizualnych, które nadadzą Twojej aplikacji na Androida atrakcyjny wygląd.

Kolekcja krótkich przewodników

Masz pytania lub chcesz przekazać opinię?

Otwórz stronę z najczęstszymi pytaniami i poznaj krótkie przewodniki lub skontaktuj się z nami i powiedz nam, co o tym myślisz.

Najczęstsze pytania Prześlij opinię