Jetpack Compose - ImageVector

Penting

Pembahasan ini merupakan rentetan dari topik pembahasan tentang Dasar Dasar Jetpack Compose, terdapat hampir 100 pembahasan, untuk melihat daftarnya silahkan klik DAFTAR PEMBAHASAN COMPOSE

Pengertian

ImageVector adalah representasi vektor dari sebuah gambar dalam Jetpack Compose. Berikut adalah penjelasan singkatnya:

• Apa itu ImageVector pada Jetpack Compose? ImageVector adalah representasi dari sebuah gambar dalam bentuk vektor. ImageVector dapat digunakan untuk merender grafis vektor secara langsung dalam aplikasi Anda.

• Kapan sebaiknya menggunakan ImageVector? ImageVector sebaiknya digunakan ketika Anda perlu menampilkan grafis vektor secara langsung di dalam UI Anda. Ini memberikan keuntungan dalam hal fleksibilitas, skalabilitas, dan kualitas gambar yang tidak berkurang saat diperbesar.

• Apa bedanya dengan VectorPainter? ImageVector adalah data sumber dari gambar vektor yang digunakan untuk melakukan rendering. VectorPainter, di sisi lain, adalah komponen yang digunakan untuk menggambar grafis vektor berdasarkan ImageVector. VectorPainter memanfaatkan ImageVector sebagai sumber datanya untuk melakukan rendering, sementara ImageVector sendiri adalah representasi data dari vektor gambar yang digunakan.

Contoh

@Composable
fun DemoImageVector(modifier: Modifier = Modifier) {
    val imageVector = ImageVector.vectorResource(id = R.drawable.ic_android_black_24dp)
    val vectorPainter = rememberVectorPainter(image = imageVector)

    Image(
        painter = vectorPainter,
        contentDescription = null,
        modifier = modifier
    )

}

✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi'i

Video