Jetpack Compose - CircleShape

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

CircleShape di Jetpack Compose

CircleShape adalah salah satu jenis Shape dalam Jetpack Compose yang merepresentasikan bentuk lingkaran. Shape ini digunakan untuk memberikan tampilan elemen UI dengan bentuk lingkaran.

Kapan Harus Menggunakan CircleShape?

• Elemen UI Bulat: Gunakan CircleShape ketika Anda ingin menggambar elemen UI dengan bentuk bulat atau lingkaran, seperti tombol, avatar, atau ikon bulat.

• Estetika dan Desain: Bentuk lingkaran sering digunakan dalam desain UI untuk menarik perhatian pengguna, memberikan fokus pada elemen tertentu, atau menunjukkan status (misalnya, foto profil dengan bentuk lingkaran).

• Kesesuaian dengan Desain Grafis: Dalam beberapa kasus, desain grafis mungkin memerlukan penggunaan bentuk lingkaran untuk estetika atau kesesuaian dengan identitas visual aplikasi.

Penggunaan Lain dari CircleShape

• Komponen Tambahan: CircleShape juga dapat digunakan sebagai bagian dari komponen lain, misalnya sebagai bagian dari suatu dekorasi atau latar belakang.

• Kustomisasi: Anda dapat mengkombinasikan CircleShape dengan Modifier lain untuk menyesuaikan tampilan atau memberikan efek visual tambahan.

Contoh

@Composable
fun DemoCircleShape(modifier: Modifier = Modifier) {
    Column(modifier = Modifier) {
        Box(
            modifier = modifier.background(Color.Blue)
        ) {
            Text(text = "The Ngoding", color = Color.White, modifier = Modifier.padding(16.dp))

        }
        Spacer(modifier = Modifier.padding(8.dp))
        Box(
            modifier = modifier.background(Color.Blue, CircleShape)
        ) {
            Text(text = "The Ngoding", color = Color.White, modifier = Modifier.padding(16.dp))

        }
    }
}

Video