Aplikasi Dice Roller

Tugas Pertemuan 4: Membuat Aplikasi Dice Roller Sederhana

Nama: Muhammad Rafi Budi Purnama

NRP: 5025221307

Kelas: PPB A 


ini dibuat mengikuti tutorial dari link-ini

1. Deskripsi Aplikasi

Aplikasi Dice Roller ini memungkinkan pengguna untuk "melempar" dadu secara virtual dengan menekan sebuah tombol. Ketika tombol ditekan, gambar dadu akan berubah secara acak sesuai angka 1 hingga 6.

2. Struktur Kode dan Penjelasannya

MainActivity.kt

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            DiceRollerTheme {
                DiceApp()
            }
        }
    }
}

  • MainActivity adalah titik awal aplikasi.

  • Fungsi enableEdgeToEdge() digunakan untuk membuat tampilan aplikasi meluas hingga ke tepi layar.

  • setContent akan menampilkan UI utama, dengan menerapkan DiceRollerTheme.

  • DiceApp() adalah composable function yang memuat seluruh tampilan aplikasi.

DiceApp.kt

@Preview(showBackground = true)
@Composable
fun DiceApp() {
    DiceContent(
        modifier = Modifier
            .fillMaxSize()
            .wrapContentSize(Alignment.Center)
    )
}

  • Anotasi @Preview memungkinkan tampilan UI dilihat langsung dari editor Android Studio.

  • Fungsi DiceApp() akan memanggil DiceContent() yang berisi elemen utama seperti gambar dadu dan tombol.

DiceContent.kt


@Composable
fun DiceContent(modifier: Modifier = Modifier) {
    var diceValue by remember { mutableStateOf(1) }

    val diceImage = when (diceValue) {
        1 -> R.drawable.dice_1
        2 -> R.drawable.dice_2
        3 -> R.drawable.dice_3
        4 -> R.drawable.dice_4
        5 -> R.drawable.dice_5
        else -> R.drawable.dice_6
    }

    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = modifier
    ) {
        Image(
            painter = painterResource(id = diceImage),
            contentDescription = "Gambar Dadu"
        )
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { diceValue = (1..6).random() }) {
            Text(text = "Lempar Dadu")
        }
    }
}

  • @Composable menunjukkan bahwa fungsi ini membangun UI menggunakan Jetpack Compose.

  • diceValue menyimpan angka hasil lemparan dadu, dan menggunakan remember agar nilai tidak hilang saat UI direkomposisi.

  • when digunakan untuk menentukan gambar dadu yang sesuai dengan angka yang dihasilkan.

  • Column digunakan untuk menyusun elemen secara vertikal.

  • Image menampilkan gambar dadu.

  • Spacer memberi jarak antar elemen.

  • Button dengan aksi onClick akan menghasilkan angka acak dari 1 sampai 6, dan otomatis memperbarui gambar dadu.

3. Tambahan: Menambahkan Gambar Dadu

  1. Buka Resource Manager dari Android Studio (View > Tool Windows > Resource Manager).

  2. Klik + > Import Drawables.

  3. Pilih enam gambar dadu (dice_1 hingga dice_6) yang telah disediakan.

  4. Klik Import.

4. Hasil Tampilan

Aplikasi akan menampilkan gambar dadu di tengah layar dan tombol "Lempar Dadu" di bawahnya. Saat tombol ditekan, gambar akan berubah sesuai angka acak dari 1 hingga 6. 

Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS 2 : Jettpack compose : Hello, World!

Gambar
  Mengenal Jetpack Compose: Membuat Aplikasi "Hello World" di Android Halo, teman-teman developer! 🚀 Hari ini, kita akan membahas bagaimana cara membuat aplikasi Android sederhana menggunakan Jetpack Compose . Jika sebelumnya kita menggunakan XML untuk membangun UI, sekarang kita bisa menulis UI langsung dengan kode Kotlin yang lebih deklaratif dan modern. Kita akan membedah kode dari aplikasi "Hello World" sederhana yang dibuat dengan Jetpack Compose. 1. Memahami MainActivity - Pintu Masuk Aplikasi Seperti biasa, dalam pengembangan aplikasi Android, kita membutuhkan sebuah activity utama yang akan menampilkan UI pertama kali saat aplikasi dijalankan. Di Jetpack Compose, kita menggunakan ComponentActivity sebagai superclass untuk MainActivity . Berikut kode MainActivity : 🔹 Penjelasan Kode onCreate() Fungsi ini dipanggil ketika aplikasi pertama kali dijalankan. Ini adalah titik masuk utama aplikasi. enableEdgeToEdge() Fungsi ini digunakan untuk memastikan tamp...
Baca selengkapnya

Pertemuan 3 PPB (A) - Mengenal Composable Aplikasi Selamat Ulang Tahun

Gambar
Pertemuan 3 PPB (A) - Mengenal Composable Aplikasi Selamat Ulang Tahun   Nama    : Muhammad rafi budi purnama NRP    : 5025221307 Kelas  : PPB (A) package  com.example.pertemuan_3 import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview. Preview import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.ui.Alignment import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp import androidx.compose.ui.text.style.TextAlign import com.example.pertemuan_3.ui.theme.Pertemuan_3...
Baca selengkapnya

Tugas 1 PBB (A)

Tugas 1 PBB (A) Evolusi Teknologi Perangkat Bergerak: Inovasi pada Hardware, Sistem Operasi, dan Aplikasi Muhammad Rafi Budi Purnama || 5025221307 Teknologi perangkat bergerak telah mengalami perkembangan luar biasa dalam beberapa dekade terakhir. Dari sekadar alat komunikasi sederhana, kini perangkat mobile telah berevolusi menjadi perangkat multifungsi yang menjadi bagian tak terpisahkan dari kehidupan modern. Kemajuan ini mencakup berbagai aspek utama, yaitu perangkat keras (hardware), sistem operasi (OS), serta ragam aplikasi yang tersedia untuk menunjang berbagai kebutuhan pengguna. 1. Inovasi dalam Perangkat Keras Seiring berjalannya waktu, spesifikasi perangkat keras pada ponsel dan tablet mengalami peningkatan yang signifikan. Awalnya, perangkat mobile hanya memiliki prosesor dengan kecepatan rendah serta fitur terbatas seperti panggilan suara dan pesan teks. Namun, kini prosesor telah berkembang menjadi lebih bertenaga dengan efisiensi daya yang optimal, memungkinkan perangkat...
Baca selengkapnya