Memuat dan menampilkan gambar

Untuk menampilkan gambar di aplikasi Anda untuk konten dan respons terhadap tindakan pengguna, muat gambar dari disk atau dari sumber eksternal di internet. Anda dapat memuat gambar dengan cara berikut:

• Dari disk
• Dari jaringan menggunakan Coil
• Dari jaringan menggunakan Glide

Kompatibilitas versi

Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.

Memuat gambar dari disk

Anda dapat memuat gambar yang disimpan secara lokal dari disk untuk menampilkannya di aplikasi untuk konten dan merespons tindakan pengguna.

Dependensi

Memuat gambar

Gunakan kode berikut untuk memuat gambar yang disimpan secara lokal dari disk untuk ditampilkan di aplikasi Anda:

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

Poin-poin penting tentang kode

• Objek Image Compose yang ditentukan dengan atribut painter yang ditetapkan ke painterResource() yang memuat gambar dari resource aplikasi.
• contentDescription yang dapat dibaca TalkBack untuk membuat aplikasi Anda lebih mudah diakses.
• stringResource() untuk memuat deskripsi konten terjemahan dari file strings.xml.

Memuat gambar melalui jaringan

Anda dapat memuat gambar yang disimpan secara eksternal di internet menggunakan Coil atau Glide. Untuk memilih library yang akan digunakan untuk project Anda, pertimbangkan faktor-faktor seperti persyaratan project dan batasan performa.

Memuat gambar menggunakan Coil

Anda dapat memuat gambar dari internet menggunakan Coil, library pihak ketiga. Coil didukung oleh coroutine Kotlin, dan bertanggung jawab untuk memuat gambar dari Thread utama, dan menampilkannya setelah dimuat. Ikuti panduan ini untuk memuat gambar dari internet menggunakan Coil.

Dependensi

Memuat gambar

Gunakan kode berikut untuk memuat gambar menggunakan Coil:

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

Memuat gambar menggunakan Glide

Anda dapat memuat gambar yang disimpan secara eksternal di internet menggunakan Glide untuk menampilkannya di feed aplikasi. Glide adalah library pemuatan gambar yang cepat dan efisien untuk Android yang berfokus pada scroll yang lancar, dan bertanggung jawab untuk memuat gambar dari Thread utama, dan menampilkannya setelah dimuat.

Dependensi

Memuat gambar

Gunakan kode berikut untuk memuat gambar menggunakan Glide:

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

Hasil

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:

Menampilkan gambar

Temukan teknik untuk menggunakan visual yang cerah dan menarik untuk memberikan tampilan dan nuansa yang menarik pada aplikasi Android Anda.

Koleksi panduan cepat

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.

Buka FAQ Berikan masukan