Tugas Pertemuan 3 PPB

Nama: Aryaka Leorgi

NRP: 5025231117

Kelas: PPB (C)

Langkah 1: Konfigurasi Proyek

Pada layar New Project, isi kolom-kolom berikut agar sesuai dengan kodemu:

  • Name: Happy Birthday

  • Package name: com.example.happybirthday 

  • Minimum SDK: default 

Langkah 2: Ubah File MainActivity.kt

  1. Perhatikan panel Project di sebelah kiri layar. Buka susunan folder ini: app > java > com.example.happybirthday.

  2. buka file MainActivity.kt.

  3. tambahkan composable dan importnya seperti yang di bawah

    package com.example.happybirthday

    import android.os.Bundle
    import androidx.activity.ComponentActivity
    import androidx.activity.compose.setContent
    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.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.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 Aryaka!",
    from = "From Arya",
    modifier = Modifier.padding(8.dp)
    )
    }
    }
    }
    }
    }

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

    @Preview(showBackground = true)
    @Composable
    fun BirthdayCardPreview() {
    HappyBirthdayTheme {
    GreetingText(message = "Happy Birthday Aryaka", from = "From Arya")
    }
    }
  4. Klik split view untuk melihat aplikasinya seperti apa



Komentar

Postingan populer dari blog ini

Tugas Pertemuan 2 PPB

Tugas Pertemuan 1 PPB