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.


SourceCode

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")
}
}
view raw gistfile1.txt hosted with ❤ by GitHub

Komentar

Postingan populer dari blog ini

EAS PPB

PPB TUGAS 2

TUGAS 5 PPB