PPB: TUGAS 3

Nama     : Shazia Ingeyla Naveeda
NRP       : 5025211203
Kelas     : PPB (A)

Membuat Aplikasi Ulang Tahun dari CodeLab

Link Github

Pada pertemuan ketiga, diberikan tugas untuk menyiapkan project di Android Studio dengan template Empty Activity dan mengubah pesan teks menjadi ucapan ulang tahun yang dipersonalisasi. 

MainActivity

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HappyBirthdayTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    GreetingText(
                        message = "Happy Birthday Shazia!",
                        from = "From Jennie <3",
                        modifier = Modifier.padding(8.dp)
                    )
                }
            }
        }
    }
}

MainActivity adalah entry point aplikasi. setContent {} digunakan untuk menetapkan UI menggunakan Jetpack Compose. HappyBirthdayTheme {} menerapkan tema khusus. Surface adalah wadah UI yang menggunakan warna latar belakang dari tema. Di dalam Surface, UI utama ditampilkan lewat GreetingText().

GreetingText()

@Composable
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
    Column(
        verticalArrangement = Arrangement.Center,
        modifier = modifier
    ) {
        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.End)
        )
    }
}

Fungsi ini mendefinisikan dua buah Text dalam Column (layout vertikal).

message: Isi ucapan ulang tahun (e.g. "Happy Birthday Shazia!")

from: Teks pengirim ucapan (e.g. "From Jennie <3")

Preview Function

@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
    HappyBirthdayTheme {
        GreetingText(message = "Happy Birthday Shazia!", from = "From Jennie <3")
    }
}

Fungsi ini menampilkan preview tampilan di Android Studio tanpa menjalankan aplikasi. Digunakan untuk desain UI lebih cepat.