Tugas 2 - Membuat Aplikasi Hello Android

Membuat Aplikasi Hello Android 

Moch. Avin (5025221061)
Pemrograman Perangkat Bergerak - PPB G

Link Repo Github: https://github.com/mochavin/ppb

Pada MainActivity.kt :

package com.example.basicscodelab

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
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.tooling.preview.Preview
import com.example.basicscodelab.ui.theme.BasicsCodelabTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            BasicsCodelabTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Greeting("Android")
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Box(
        modifier = modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Text(
            text = "Hello $name!",
        )
    }
}


@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    BasicsCodelabTheme {
        Greeting("Android")
    }
}

Kode di atas adalah implementasi dasar aplikasi Android menggunakan Jetpack Compose. Berikut adalah beberapa poin utama:

1. MainActivity

   • Merupakan ComponentActivity yang menetapkan UI menggunakan setContent {}.
   • Menggunakan tema dari BasicsCodelabTheme.
   • Menampilkan komponen Greeting("Android") di dalam Surface.

2. Greeting (Composable Function)

   • Fungsi ini menerima parameter name dan menampilkan teks "Hello $name!".
   • Menggunakan Box untuk menempatkan teks di tengah layar.

3. GreetingPreview

   • Fungsi preview untuk menampilkan tampilan Greeting di Android Studio.

Hasil: