Memuat dan menampilkan gambar

Untuk menampilkan gambar di aplikasi Anda untuk konten dan untuk 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 yang menggunakan Coil
• Dari jaringan yang menggunakan Glide

Hasil

Kompatibilitas versi

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

Memuat gambar dari disk

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

Dependensi

Muat 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 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

Muat 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 Anda. 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, serta menampilkannya setelah dimuat.

Dependensi

Muat 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

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang mencakup tujuan pengembangan Android yang lebih luas:

Tampilkan gambar

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

Kumpulan panduan cepat

Ada pertanyaan atau masukan?

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

Buka FAQ Beri masukan