Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

wczytywanie i wyświetlanie obrazów,

Aby wyświetlać obrazy w aplikacji na potrzeby treści i odpowiedzi na działania użytkowników, wczytaj je z dysku lub ze źródła zewnętrznego w internecie. Obrazy możesz wczytywać na te sposoby:

z dysku,
z sieci za pomocą Coil,
z sieci za pomocą Glide.

Wyniki

Obraz przedstawiający psa — **Rysunek 1.** Wczytany i wyświetlony obraz.

Zgodność wersji

To wdrożenie wymaga, aby minSDK projektu było ustawione na poziom API 21 lub wyższy.

Wczytywanie obrazu z dysku

Obrazy przechowywane lokalnie możesz wczytywać z dysku, aby wyświetlać je w aplikacji na potrzeby treści i odpowiedzi na działania użytkowników.

Zależności

Wczytywanie obrazu

Aby wczytać obraz przechowywany lokalnie na dysku i 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() do wczytywania przetłumaczonego opisu treści z pliku strings.xml.

Wczytywanie obrazu przez sieć

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

Wczytywanie obrazu za pomocą Coil

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

Zależności

Wczytywanie obrazu

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

Wczytywanie obrazu za pomocą Glide

Obrazy przechowywane zewnętrznie w internecie możesz wczytywać za pomocą Glide, aby wyświetlać je w pliku danych aplikacji. Glide to szybka i wydajna biblioteka do wczytywania obrazów na Androidzie, która koncentruje się na płynnym przewijaniu. Odpowiada za wczytywanie obrazu poza wątkiem głównym oraz wyświetlanie go po wczytaniu.

Zależności

Wczytywanie obrazu

Aby wczytywać 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