PPB - Tugas 3

Nama : Ahmad Hafiz Mahardika

NRP : 5025201196

Kelas : Pemrograman Perangkat Bergerak (B)

Latihan Membuat Aplikasi Happy Birthday

Pada tugas ini dibuat aplikasi untuk mengucapkan Happy Birthday menggunakan Text composables.

Implementasi dan Hasil:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
package com.example.happybirthday

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
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.Scaffold
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)
        enableEdgeToEdge()
        setContent {
            HappyBirthdayTheme {
                Scaffold(
                    modifier = Modifier.fillMaxSize()
                ) { innerPadding ->
                    GreetingText(
                        "Happy Birthday Sam!",
                        "From Emma",
                        Modifier
                            .padding(8.dp)
                            .padding(innerPadding)
                    )
                }
            }
        }
    }
}

@Composable
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
    Column(
        verticalArrangement = Arrangement.Center,
        modifier = modifier
            .fillMaxSize()
    ) {
        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.End)
        )
    }
}

@Preview(showBackground = true, showSystemUi = true)
@Composable
fun BirthdayCardPreview() {
    HappyBirthdayTheme {
        GreetingText("Happy Birthday Sam!", "From Emma")
    }
}

Berikut adalah hasil preview di Design pane :

Dengan menggunakan parameter showSystemUi, preview akan menampilkan sampel sistem secara kesuluruhan. Tidak hanya fungsi preview.


Berikut adalah hasil Build dan Run :


Referensi:

Comments

Post a Comment

Popular posts from this blog

PPB - Tugas 2

Image
Nama : Ahmad Hafiz Mahardika NRP : 5025201196 Kelas : Pemrograman Perangkat Bergerak (B) Membuat Aplikasi "Hello Android!" Tugas 2 ini yaitu implementasi aplikasi Hello Android pada Android Studio dengan menggunakan Jetpack Compose. Implementasi: Berikut adalah isi dari file MainActivity.kt: Import Library: package com.example.greetingcard import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.Scaffold import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview. Preview import com.example.greetingcard.ui.theme.GreetingCardTheme MainActivity Class: class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?...
Read more

PPB - Tugas 4

Image
Nama : Ahmad Hafiz Mahardika NRP : 5025201196 Kelas : Pemrograman Perangkat Bergerak (B) Dice Roller App Pada tugas 4 ini, dibuat implementasi Button untuk aplikasi Dice Roller. Implementasi package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.res.painterR...
Read more

PPB - Tugas 6

Image
Nama : Ahmad Hafiz Mahardika NRP : 5025201196 Kelas : Pemrograman Perangkat Bergerak (B) Implementasi Halaman Login Implementasi: class MainActivity class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) enableEdgeToEdge () setContent { MyLoginTheme { Scaffold ( modifier = Modifier. fillMaxSize ()) { innerPadding -> LoginScreen ( modifier = Modifier. padding (innerPadding)) } } } } } Class ini merupakan titik awal dari aplikasi halaman login ini. Pada class ini, dipanggil fungi composable  LoginScreen sebagai isi dari halaman login. Fungsi Composable LoginScreen @Composable fun LoginScreen (modifier: Modifier = Modifier) { var email by remember { mutableStateOf ( "" ) } var password by remember { mutableStateOf ( "" ) } Column ( modifier = modifier ...
Read more