Jetpack Compose, Android • 17 Mei 2024

Jetpack Compose - Icon

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

Painter

Painter di Jetpack Compose

Painter:
- Painter dalam Jetpack Compose digunakan untuk menggambar gambar atau grafik vektor dalam komposisi.

Kapan Harus Menggunakan Painter?

Anda sebaiknya menggunakan Painter ketika ingin menampilkan gambar atau grafik vektor dalam antarmuka pengguna Anda. Ini mencakup penggunaan ImageBitmap, VectorAsset, atau ImageVector.

Perbedaan dengan Image dan Icon

Perbedaan:
- Painter:
  - Digunakan untuk menggambar gambar atau grafik vektor.
  - Biasanya digunakan dengan ImageBitmap, VectorAsset, atau ImageVector.
- Image:
  - Komposisi yang digunakan untuk menampilkan gambar menggunakan objek Painter.
  - Memberikan lebih banyak opsi seperti contentDescription, alignment, dan contentScale.
- Icon:
  - Komposisi yang digunakan untuk menampilkan ikon menggunakan objek ImageVector.
  - Umumnya digunakan untuk ikon kecil dalam antarmuka pengguna.
  - Berbeda dalam penggunaan dan tujuan dibandingkan dengan Icon dan Image.

Parameter/Atribut

@Composable
fun Icon(
    imageVector: ImageVector,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    tint: Color = LocalContentColor.current
)

Parameter Icon

imageVector: ImageVector
- Vektor gambar yang digunakan sebagai sumber ikon.
contentDescription: String?
- Deskripsi yang menggambarkan isi ikon untuk keperluan aksesibilitas.
modifier: Modifier
- Modifier yang digunakan untuk menyesuaikan tata letak atau gaya ikon.
tint: Color
- Warna yang diterapkan pada ikon.

Contoh

@Composable
fun DemoIcon(modifier: Modifier = Modifier) {
    Icon(
        Icons.Default.Star,
        contentDescription = null,
        modifier = modifier.size(200.dp)
    )
}