PPB Tugas 3

Aplikasi Ucapan Selamat Ulang Tahun

Gloriyano C. Daniel Pepuho
5025201121
PPB D

Repository: https://github.com/danielcristho/Mobile-Docs/tree/main/birthday_greetings

Tampilan Awal:

Modifikasi MainActivity.kt:

• Menambahkan input field
• Modifikasi ucapan ulang tahun

	package com.example.happybirthday
	import android.os.Bundle
	import androidx.activity.ComponentActivity
	import androidx.activity.compose.setContent
	import androidx.compose.foundation.layout.*
	import androidx.compose.foundation.text.BasicTextField
	import androidx.compose.material3.*
	import androidx.compose.runtime.*
	import androidx.compose.ui.Alignment
	import androidx.compose.ui.Modifier
	import androidx.compose.ui.graphics.Color
	import androidx.compose.ui.text.font.FontWeight
	import androidx.compose.ui.text.style.TextAlign
	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 {
	Surface(
	modifier = Modifier.fillMaxSize(),
	color = MaterialTheme.colorScheme.background
	) {
	BirthdayGreetingScreen()
	}
	}
	}
	}
	}
	@Composable
	fun BirthdayGreetingScreen() {
	var name by remember { mutableStateOf("") }
	var from by remember { mutableStateOf("") }
	var message by remember { mutableStateOf("Happy Birthday!") }
	Column(
	modifier = Modifier
	.fillMaxSize()
	.padding(16.dp),
	verticalArrangement = Arrangement.Center,
	horizontalAlignment = Alignment.CenterHorizontally
	) {
	Spacer(modifier = Modifier.height(16.dp))
	TextInputField(
	label = "Enter recipient's name",
	value = name,
	onValueChange = { name = it }
	)
	Spacer(modifier = Modifier.height(12.dp))
	TextInputField(
	label = "Enter your name",
	value = from,
	onValueChange = { from = it }
	)
	Spacer(modifier = Modifier.height(16.dp))
	Text(
	text = if (name.isNotEmpty()) "$message $name!" else message,
	fontSize = 32.sp,
	fontWeight = FontWeight.Bold,
	textAlign = TextAlign.Center
	)
	if (from.isNotEmpty()) {
	Text(
	text = "- From $from",
	fontSize = 24.sp,
	fontWeight = FontWeight.Light,
	modifier = Modifier.padding(top = 8.dp)
	)
	}
	Spacer(modifier = Modifier.height(16.dp))
	// change message button
	Button(onClick = { message = "Wishing You a Wonderful Year!" }) {
	Text(text = "Change Message")
	}
	}
	}
	// Reusable Composable untuk Input Text
	@Composable
	fun TextInputField(label: String, value: String, onValueChange: (String) -> Unit) {
	BasicTextField(
	value = value,
	onValueChange = onValueChange,
	modifier = Modifier
	.fillMaxWidth()
	.padding(8.dp),
	decorationBox = { innerTextField ->
	Box(
	modifier = Modifier
	.padding(8.dp)
	.padding(12.dp)
	) {
	if (value.isEmpty()) {
	Text(label, color = Color.Gray)
	}
	innerTextField()
	}
	}
	)
	}

view raw MainActivity.kt hosted with ❤ by GitHub

Hasil akhir: