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



Comments

Popular posts from this blog

Tugas 1 -Evolusi Perangkat Lunak

Tugas 6 - Evolusi Perangkat Lunak

Tugas 3- Evolusi perangkat Lunak