Hello Android! - Tugas 2

Nama: Sekar Ambar Arum

NRP: 5025211041

PPB (G)

Aplikasi Hello Android Menggunakan Bahasa Kotlin

GitHub

package com.example.helloworld

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.helloworld.ui.theme.HelloworldTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            HelloworldTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    Greeting(
                        name = "Android",
                        modifier = Modifier.padding(innerPadding)
                    )
                }
            }
        }
    }
}

MainActivity adalah entry point aplikasi.
enableEdgeToEdge() digunakan untuk membuat aplikasi full-screen sampai ke edge layar.
setContent { ... } adalah tempat kamu mendefinisikan UI menggunakan Compose.
HelloworldTheme mengatur tema aplikasi.
Scaffold adalah layout dasar yang bisa berisi komponen seperti AppBar, FAB, dll.
Greeting(...) adalah fungsi Composable yang menampilkan teks.
@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!",
        modifier = modifier
    )
}

Fungsi ini membuat teks dengan isi "Hello {name}!".
Ditandai dengan @Composable artinya ini adalah fungsi yang bisa digunakan untuk membuat UI di Jetpack Compose.
Gunakan modifier untuk mengatur gaya atau posisi.
@Preview(showBackground = true,  name = "Text preview")
@Composable
fun GreetingPreview() {
    HelloworldTheme {
        Greeting("Android")
    }
}

Fungsi ini digunakan untuk preview UI langsung di Android Studio.


@Preview menampilkan hasil fungsi Greeting() di jendela preview editor.