Tugas Minggu 3 PPB I
Nama : Tegar Ganang Satrio Priambodo
NRP : 5025201002
Kelas : PPB I
Membangun aplikasi sederhana dengan composable text
Kali ini kita akan membuat sebuah aplikasi sederhana berupa ucapan ulang tahun kepada orang tersayang. Aplikasi akan dibuat dengan android studio, kotlin dan jetpack compose. Anda dapat mengikuti tutorial yang sudah ada dan memodifikasi sesuai keinginan.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
package com.example.happybirthday | |
import android.os.Bundle | |
import androidx.activity.ComponentActivity | |
import androidx.activity.compose.setContent | |
import androidx.compose.foundation.Image | |
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.foundation.layout.size | |
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.res.painterResource | |
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 Mina!", | |
from = "24 Maret 2024", | |
modifier = Modifier.padding(8.dp) | |
) | |
} | |
} | |
} | |
} | |
} | |
@Composable | |
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) { | |
Column( | |
verticalArrangement = Arrangement.Center, | |
modifier = modifier | |
) { | |
Image( | |
painter = painterResource(id = R.drawable.mina), // Add your image resource here | |
contentDescription = "Birthday Image", | |
modifier = Modifier | |
.size(300.dp) | |
) | |
Text( | |
text = message, | |
fontSize = 80.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 Mina!", from = "24 Maret 2024",) | |
} | |
} | |
Komentar
Posting Komentar