TUGAS 3 P
Nama : Sastiara Maulikh
NRP : 5025201257
Kelas : PPB F
Tahun : 2024
TUGAS 3 - HAPPY BIRTHDAY GREETING
Untuk tugas ini, kita akan mengembangkan sebuah aplikasi sederhana dengan menggunakan Jetpack Compose, yang akan menampilkan pesan "Happy Birthday" melalui komponen teks yang telah disiapkan.
Prasyarat:
Sebelum kita mulai, pastikan Anda telah menyiapkan lingkungan pengembangan dengan Android Studio yang telah terpasang dan mendukung Jetpack Compose. Selain itu, kami akan menggunakan Kotlin sebagai bahasa pemrograman utama, karena Jetpack Compose dikembangkan dengan menggunakan Kotlin.
Pengembangan Aplikasi:
Proses pengembangan aplikasi akan dimulai dengan membuat proyek baru di Android Studio menggunakan template "Empty Compose Activity". Setelah itu, kami akan menambahkan elemen-elemen antarmuka pengguna menggunakan fungsi-fungsi komposabel yang disediakan oleh Jetpack Compose.
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 Sas!", | |
from = "From Glo", | |
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 Sas!", from = "From Glo") | |
} | |
} |
Komentar
Posting Komentar