Tugas 3 - Pemrograman Perangkat Bergerak

Nama : James Silaban

NRP : 5025201169

Kelas : PBB F

Tugas membuat ucapan selamat ulang tahun.

1. Membuat tampilan text

    Pertama, akan dibuat fungsi yang akan menampilkan tampilan teks ucapan selamat ulang tahun. Fungsi tersebut akan dinamakan GreetingText()

@Composable
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
    Column(
        verticalArrangement = Arrangement.Center,
        modifier = modifier.padding(8.dp)
    ) {
        Text(
            text = message,
            fontSize = 100.sp,
            lineHeight = 116.sp,
            textAlign = TextAlign.Center
        )
        Text(
            text = from,
            fontSize = 36.sp,
            modifier = Modifier
                .padding(16.dp)
                .align(alignment = Alignment.CenterHorizontally)
        )
    }
}

2. Memasukkan gambar

    Kita dapat menggunakan kompoenen Image() untuk menambahkan gambar pada UI. Untuk itu, kita perlu import gambar dengan membuka Resource Manager pada sidebar terlebih dahulu. Kemudian, pada tombol '+', kita akan memilih menu Import Drawables dan android studio akan mengakses lokal pengguna.

 

    Kemudian, setelah selesai melakukan import gambar, akan dibuat fungsi baru bernama GreetingImage() yang akan menggunakan komponen Image() untuk menampilkan gambar dan memanggil fungsi GreetingText() untuk menampilkan teks.

@Composable
fun GreetingImage(message: String, from: String, modifier: Modifier = Modifier) {
    val image = painterResource(R.drawable.androidparty)
    Box {
        Image(
            painter = image,
            contentDescription = null,
            contentScale = ContentScale.Crop,
            alpha = 0.5F
        )
        GreetingText(
            message = message,
            from = from,
            modifier = Modifier
                .fillMaxSize()
                .padding(8.dp)
        )
    }
}

3. Tampilan aplikasi

    Berikut adalah tampilan akhir aplikasi ucapan selamat ulang tahun yang telah dibuat

Source code pada Penugasan 3 dapat dilihat pada link github berikut.