Jetpack Compose - VectorPainter

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

VectorPainter adalah sebuah komponen pada Jetpack Compose yang digunakan untuk menggambar grafis vektor. Berikut adalah penjelasan singkatnya:

• Apa itu VectorPainter pada Compose Jetpack? VectorPainter adalah komponen yang digunakan untuk menggambar grafis vektor. Vektor tersebut dapat berupa gambar SVG, XML vektor drawable, atau grafis vektor lainnya yang didukung.

• Kapan harus menggunakannya? VectorPainter cocok digunakan ketika Anda perlu menampilkan grafis vektor secara langsung di dalam UI Anda. Ini biasanya lebih ringan dan lebih fleksibel daripada menggunakan gambar raster.

• Apa bedanya dengan Painter? Painter secara umum adalah konsep untuk menggambar di Compose. VectorPainter khususnya digunakan untuk menggambar grafis vektor, sementara Painter dalam konteks lain bisa digunakan untuk menggambar hal lain seperti gambar raster atau bentuk geometris sederhana.

Parameter/Atribut

@Composable
fun rememberVectorPainter(image: ImageVector) =
    rememberVectorPainter(
        defaultWidth = image.defaultWidth,
        defaultHeight = image.defaultHeight,
        viewportWidth = image.viewportWidth,
        viewportHeight = image.viewportHeight,
        name = image.name,
        tintColor = image.tintColor,
        tintBlendMode = image.tintBlendMode,
        autoMirror = image.autoMirror,
        content = { _, _ -> RenderVectorGroup(group = image.root) }
    )

Parameter rememberVectorPainter

• image: ImageVector

  • Vektor gambar yang akan digunakan untuk merender grafis vektor.

• defaultWidth: Float

  • Lebar default dari vektor. Digunakan jika ukuran spesifik tidak diberikan.

• defaultHeight: Float

  • Tinggi default dari vektor. Digunakan jika ukuran spesifik tidak diberikan.

• viewportWidth: Float

  • Lebar viewport dari vektor. Menentukan area yang dilihat saat rendering.

• viewportHeight: Float

  • Tinggi viewport dari vektor. Menentukan area yang dilihat saat rendering.

• name: String?

  • Nama vektor yang dapat digunakan untuk identifikasi.

• tintColor: Color?

  • Warna tint yang diterapkan pada vektor.

• tintBlendMode: BlendMode

  • Mode pencampuran untuk tintColor.

• autoMirror: Boolean

  • Pengaturan otomatis untuk memantulkan vektor secara horizontal jika diperlukan.

• content: (RenderContext, VectorChild) -> Unit

  • Fungsi yang digunakan untuk merender grup vektor dari vektor yang diberikan.

Contoh

@Composable
fun DemoVectorPainter(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