Tugas 3 - Happy Birthday Card
Membuat Birthday Card
Nama: Made Daryl Adi Nugraha
NRP: 5025221008
Link Github: https://github.com/Lyradd/Tugas-3-PPBG
Tampilan Birthday Card:
BirthdayCard.kt:
package com.example.birthdaycard
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.text.font.FontWeight
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
@Composable
fun BirthdayCard() {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color(0xFFF8F8F8)),
contentAlignment = Alignment.Center
) {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
modifier = Modifier.padding(32.dp)
) {
Text(
text = "Selamat Ulang Tahun, Daryl!",
fontSize = 32.sp,
fontWeight = FontWeight.Bold,
fontFamily = FontFamily.Serif,
letterSpacing = 1.2.sp,
color = Color(0xFF000080),
textAlign = TextAlign.Center
)
Spacer(modifier = Modifier.height(16.dp))
Text(
text = "Dari: Ibu",
fontSize = 24.sp,
fontWeight = FontWeight.SemiBold,
fontFamily = FontFamily.SansSerif,
color = Color.Black,
textAlign = TextAlign.Center
)
Spacer(modifier = Modifier.height(24.dp))
Text(
text = "Semoga panjang umur dan sehat selalu!",
fontSize = 22.sp,
fontWeight = FontWeight.Medium,
fontFamily = FontFamily.Cursive,
color = Color(0xFF555555),
textAlign = TextAlign.Center
)
}
}
}
@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
BirthdayCard()
}
Penjelasan Font dan Warna:
- Ucapan Ulang Tahun:
- Ditampilkan dalam huruf besar, tebal, dan berwarna biru navy.
- Menggunakan FontFamily.Serif
- Nama Pengirim ("Dari: Ibu"):
- Menggunakan FontFamily.SansSerif.
- Ukuran sedang untuk tampilan yang mudah dibaca.
- Pesan Tambahan:
- Ditulis dengan FontFamily.Cursive agar terlihat keren.
- Warna abu-abu gelap untuk kenyamanan mata.
Komentar
Posting Komentar