Tugas 3 - Happy Birthday Card

Membuat Birthday Card


Nama: Made Daryl Adi Nugraha
NRP: 5025221008




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

Postingan populer dari blog ini

Tugas 1 - Perkembangan Teknologi Perangkat Bergerak

Tugas 6 - CurrencyConverter

Tugas 4 - Dice Roller