Tugas 3 - Pemograman Perangkat Bergerak

Nama : Sayid Ziyad Ibrahim Alaydrus

NRP : 5025201147

Kelas : PPB F

Tugas : Membuat aplikasi happy birthday menggunakan Composable

Apa itu Jet Compose?

Jetpack Compose adalah toolkit modern untuk membangun UI Android. Compose menyederhanakan dan mempercepat pengembangan UI di Android dengan lebih sedikit kode, alat yang canggih, dan kemampuan Kotlin yang intuitif. Compose dapat membantu Anda membangun UI dengan menentukan sekumpulan fungsi, yang disebut fungsi composable, yang mengambil data dan menjelaskan elemen UI.

pada tugas ini akan dibuat aplikasi sederhana yang menampilkan pesan selamat ulang tahun menggunakan Jet Compose.

Hasil:

Code:

1. package com.example.happybirthday
3. import android.os.Bundle
4. import androidx.activity.ComponentActivity
5. import androidx.activity.compose.setContent
6. import androidx.compose.foundation.layout.Arrangement
7. import androidx.compose.foundation.layout.Column
8. import androidx.compose.foundation.layout.fillMaxSize
9. import androidx.compose.foundation.layout.padding
10. import androidx.compose.material3.MaterialTheme
11. import androidx.compose.material3.Surface
12. import androidx.compose.material3.Text
13. import androidx.compose.runtime.Composable
14. import androidx.compose.ui.Alignment
15. import androidx.compose.ui.Modifier
16. import androidx.compose.ui.text.style.TextAlign
17. import androidx.compose.ui.tooling.preview.Preview
18. import androidx.compose.ui.unit.dp
19. import androidx.compose.ui.unit.sp
20. import com.example.happybirthday.ui.theme.HappyBirthdayTheme
22. class MainActivity : ComponentActivity() {
23. override fun onCreate(savedInstanceState: Bundle?) {
24. super.onCreate(savedInstanceState)
25. setContent {
26. HappyBirthdayTheme {
27. // A surface container using the 'background' color from the theme
28. Surface(
29. modifier = Modifier.fillMaxSize(),
30. color = MaterialTheme.colorScheme.background
31. ) {
32. GreetingText(
33. message = "Happy Birthday Ziyad!",
34. from = "From Al",
35. modifier = Modifier.padding(8.dp)
36. )
37. }
38. }
39. }
40. }
41. }
43. @Composable
44. fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
45. Column(
46. verticalArrangement = Arrangement.Center,
47. modifier = modifier
48. ) {
49. Text(
50. text = message,
51. fontSize = 100.sp,
52. lineHeight = 116.sp,
53. textAlign = TextAlign.Center
54. )
55. Text(
56. text = from,
57. fontSize = 36.sp,
58. modifier = Modifier
59. .padding(16.dp)
60. .align(alignment = Alignment.End)
61. )
62. }
63. }
65. @Preview(showBackground = true)
66. @Composable
67. fun BirthdayCardPreview() {
68. HappyBirthdayTheme {
69. GreetingText(message = "Happy Birthday Ziyad!", from = "From Al")
70. }
71. }