Tugas 3: Membuat Aplikasi Selamat Ulang Tahun

Nama: Ken Anargya Alkausar

NRP: 5025211168

Kelas: PPB - A

Tugas 3: Membuat Aplikasi Selamat Ulang Tahun

Dalam proyek ini, kami akan membuat aplikasi ucapan Selamat Ulang Tahun dengan menggunakan Jetpack Compose, yang bertujuan untuk memberikan pemahaman dasar dalam mengembangkan antarmuka pengguna yang modern dan responsif.

Source code:

package com.example.happybirthday

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.happybirthday.ui.theme.HappyBirthdayTheme

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 Ken!",
                        from = "Wish u all the best!",
                        modifier = Modifier.padding(8.dp)
                    )
                }
            }
        }
    }
}

@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)
        )
    }
}

@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
    HappyBirthdayTheme {
        GreetingText(message = "Happy Birthday Ken!", from = "Wish u all the best!")
    }
}

MainActivity

• MainActivity: Kelas ini mewarisi ComponentActivity dan mengatur konten UI di dalam metode onCreate(). Di sini, tema aplikasi diterapkan menggunakan HappyBirthdayTheme, dan Surface digunakan untuk memberikan latar belakang.
• GreetingText: Fungsi ini dipanggil untuk menampilkan pesan "Happy Birthday Ken!" dan nama pengirim "Wish u all the best!" dengan padding.

GreetingText Composable

• @Composable: Menandakan bahwa fungsi ini dapat digunakan untuk membangun UI.
• Column: Mengatur teks secara vertikal. Teks pertama adalah pesan ucapan dengan ukuran font besar dan teks kedua adalah nama pengirim dengan ukuran lebih kecil dan padding.

Preview

• BirthdayCardPreview: Fungsi ini memungkinkan pengembang untuk melihat tampilan GreetingText di editor tanpa menjalankan aplikasi.

Github: https://github.com/kenanargya/happybirthday_latihan3ppb

Referensi: 

https://kuliahppb.blogspot.com/2024/03/mengenal-composable.html

https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables