PPB F - Tugas 6 Image Scroll

Nama : Ahmad Ibnu Malik Rahman

Kelas  : PPB F

NRP   : 5025201232

Tugas 6 (Image Scroll)

Membuat daftar yang dapat digulir di aplikasi menggunakan Jetpack Compose.

1. package com.example.affirmations
3. import android.os.Bundle
4. import androidx.activity.ComponentActivity
5. import androidx.activity.compose.setContent
6. import androidx.compose.foundation.Image
7. import androidx.compose.foundation.layout.Column
8. import androidx.compose.foundation.layout.fillMaxSize
9. import androidx.compose.foundation.layout.fillMaxWidth
10. import androidx.compose.foundation.layout.height
11. import androidx.compose.foundation.layout.padding
12. import androidx.compose.foundation.lazy.LazyColumn
13. import androidx.compose.foundation.lazy.items
14. import androidx.compose.material3.Card
15. import androidx.compose.material3.MaterialTheme
16. import androidx.compose.material3.Surface
17. import androidx.compose.material3.Text
18. import androidx.compose.runtime.Composable
19. import androidx.compose.ui.Modifier
20. import androidx.compose.ui.layout.ContentScale
21. import androidx.compose.ui.platform.LocalContext
22. import androidx.compose.ui.res.painterResource
23. import androidx.compose.ui.res.stringResource
24. import androidx.compose.ui.tooling.preview.Preview
25. import androidx.compose.ui.unit.dp
26. import com.example.affirmations.data.Datasource
27. import com.example.affirmations.model.Affirmation
28. import com.example.affirmations.ui.theme.AffirmationsTheme
30. class MainActivity : ComponentActivity() {
32. override fun onCreate(savedInstanceState: Bundle?) {
33. super.onCreate(savedInstanceState)
34. setContent {
35. AffirmationsTheme {
36. // A surface container using the 'background' color from the theme
37. Surface(
38. modifier = Modifier.fillMaxSize(),
39. color = MaterialTheme.colorScheme.background
40. ) {
41. AffirmationsApp()
42. }
43. }
44. }
45. }
46. }
48. @Composable
49. fun AffirmationsApp() {
50. AffirmationList(affirmationList = Datasource().loadAffirmations())
53. }
55. @Composable
56. fun AffirmationCard(affirmation: Affirmation, modifier: Modifier = Modifier){
57. Card(modifier = modifier) {
58. Column {
59. Image(painter = painterResource(affirmation.imageResourceId),
60. contentDescription = stringResource(affirmation.stringResourceId),
61. modifier = Modifier
62. .fillMaxWidth()
63. .height(194.dp),
64. contentScale = ContentScale.Crop
65. )
67. Text(
68. text = LocalContext.current.getString(affirmation.stringResourceId),
69. modifier = Modifier.padding(16.dp),
70. style = MaterialTheme.typography.headlineSmall)
73. }
74. }
75. }
77. @Preview(
78. showSystemUi = true,
79. showBackground = true
80. )
81. @Composable
82. private fun AffirmationCardPreview() {
83. AffirmationCard(affirmation = Affirmation(R.string.affirmation1, R.drawable.image1))
84. }
86. @Composable
87. fun AffirmationList(affirmationList: List<Affirmation>, modifier: Modifier = Modifier){
88. LazyColumn (modifier = modifier){
89. items(affirmationList){affirmation ->
90. AffirmationCard(affirmation,
91. modifier = Modifier.padding(16.dp),
94. )
95. }
96. }
97. }